关于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,心愿对你有所帮忙,让咱们一起致力走向巅峰!