取消echarts柱状图中间虚线
时间: 2023-11-24 19:53:22 浏览: 194
要取消Echarts柱状图中间的虚线,可以通过设置grid中的containLabel属性为true来实现。具体实现方法如下所示:
```javascript
option = {
grid: {
containLabel: true, // 设置为true,使得坐标轴标签显示在内部
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLine: {
show: false // 隐藏坐标轴线
},
axisTick: {
show: false // 隐藏坐标轴刻度
}
},
yAxis: {
type: 'value',
axisLine: {
show: false // 隐藏坐标轴线
},
axisTick: {
show: false // 隐藏坐标轴刻度
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
barWidth: '60%',
itemStyle: {
normal: {
color: '#4ad2ff'
}
}
}]
};
```
在上述代码中,我们将grid中的containLabel属性设置为true,使得坐标轴标签显示在内部,从而取消了柱状图中间的虚线。
阅读全文