echarts折线图虚实结合
时间: 2023-06-28 19:13:59 浏览: 113
你可以使用 echarts 中的 `lineStyle` 属性来设置折线的样式,包括实线、虚线等。下面是一个示例代码,其中 `type` 属性可以设置线条类型,如 `'solid'` 为实线,`'dashed'` 为虚线。
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
lineStyle: {
type: 'dashed' // 设置为虚线
}
}]
};
```
你可以根据需要在 `lineStyle` 中设置其他属性,如颜色、宽度等。
阅读全文