echarts折线图 0刻度虚线
时间: 2023-12-08 09:37:58 浏览: 109
Echarts实现的折线图
5星 · 资源好评率100%
以下是在echarts官网测试环境中实现折线图0刻度虚线的代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: '',
splitLine: {
show: true,
lineStyle: {
type: 'dashed'
}
}
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
```
其中,关键代码是在yAxis中设置splitLine属性,将show属性设置为true,将lineStyle属性中的type属性设置为dashed,即可实现0刻度虚线。
阅读全文