折线图 markLine 示例
时间: 2023-07-07 19:06:03 浏览: 101
折线图例子(jsp)
3星 · 编辑精心推荐
好的,以下是折线图 markLine 示例:
```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',
markLine: {
data: [
{type: 'average', name: '平均值'},
[{
symbol: 'none',
x: '90%',
yAxis: 'max'
}, {
symbol: 'circle',
label: {
position: 'start',
formatter: '最大值'
},
type: 'max',
name: '最高点'
}]
]
}
}]
};
```
以上是一个基本的折线图示例,并且使用了 markLine 组件展示了平均值和最大值两个标记线。具体的操作可以参考官方文档。
阅读全文