echarts中折线图去掉xy轴,保留xy轴数值跟网格线
时间: 2024-03-10 17:44:56 浏览: 151
可以使用 echarts 中的 xAxis 和 yAxis 组件的 axisLine 属性来控制坐标轴线的显示,将其设置为 show: false 即可去掉坐标轴线。同时,使用 axisTick 和 splitLine 属性可以分别控制坐标轴刻度线和网格线的显示。
具体代码示例如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLine: {
show: false // 去掉 x 轴线
},
axisTick: {
show: true // 显示 x 轴刻度线
},
splitLine: {
show: true // 显示 x 轴网格线
}
},
yAxis: {
type: 'value',
axisLine: {
show: false // 去掉 y 轴线
},
axisTick: {
show: true // 显示 y 轴刻度线
},
splitLine: {
show: true // 显示 y 轴网格线
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line'
}]
};
```
这样配置后,折线图将只显示数值和网格线,不显示坐标轴线。
阅读全文