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