echarts开发 | 数据可视化 -- 第二篇 echart进阶配置项学习
·
一、数据标记(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: '平均值'}
+ ]
+ }
}]
}

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)