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