关于echarts:echarts去掉x轴刻度和文字

echarts去掉x轴刻度

1.开发环境 vue+echarts
2.电脑系统 windows10专业版
3.在应用echarts开发的过程中,暗藏x轴刻度和文字,我来进行一下分享,心愿对你有所帮忙!
4.在这里举例彩虹图,没去掉x轴刻度和文字,成果如下:

5.很多敌人的解决方案是:

//在 xAxis 上面配置:show:false,

5-1.然而这样在彩虹图的底部呈现一个红色的线条,效果图如下:

//这样的配置实现的成果很显著不是咱们想要的,请看上面的办法

6.在 xAxis中增加如下代码:

xAxis: {          type: "category",          boundaryGap: true,          axisTick: {           show: false       },       axisLabel: {            show: true,            textStyle: {              color: "none",            },          },          // show:false,          // data: [120, 132, 101, 134, 90, 230, 210, 36],          data:data        },

6-1.失去的成果如下:

彩虹图的底部没有刻度线和文字,也没有红色的线条

7.本期的分享到了这里就完结啦,是不是很nice,心愿对你有所帮忙,让咱们一起致力走向巅峰!