文章目录
- 一、数据标记(markLine、markPoint)
- 1.1 markLine(标记线)
- 1.2 markPoint(标记点)
一、数据标记(markLine、markPoint)
支持两类标记方式 markLine
和 markPoint
分别用于标示趋势线和特定数据点,以加强数据表征的清晰度和解释性。
1.1 markLine(标记线)
用于在图表上添加关键指标线,从而突出显示数据的特定趋势和统计意义,比如平均值、中位数或自定义的重要值。
在series
项下的 markLine
属性进行配置,如下,配置了 最大值、最小值和平均值。
option = {// ...series: [{data: [120, 200, 150, 80, 70, 110, 130],type: 'line',
+ markLine: {
+ data: [
+ {type: 'max', name: '最大值'},
+ {type: 'min', name: '最小值'},
+ {type: 'average', name: '平均值'}
+ ]
+ }}]
}
1.2 markPoint(标记点)
option = {// ...series: [{data: [120, 200, 150, 80, 70, 110, 130],type: 'line',
+ markPoint: {
+ data: [
+ {type: 'max', name: '最大值'},
+ {type: 'min', name: '最小值'},
+ {type: 'average', name: '平均值'}
+ ]
+ }}]
}