1. 标线(markLine):
标线是一种用于在图表中标识特定数据或区域的线。可以是水平线、垂直线、斜线等,用于强调某个数值或数值范围。
示例:
markLine: {
data: [
{ type: 'average', name: '平均值' },
{ yAxis: 50, name: '阈值50' }
]
}
- type:标线类型,例如 'average' 表示平均值线。
- name:标线的名称。
- value、xAxis、yAxis:指定标线的位置。
2. 标注(markPoint):
标注用于在图表中标记特定的数据点,可以是文字、图标等形式,用于突出关键点。
示例:
markPoint: {
data: [
{ type: 'max', name: '最大值' },
{ coord: [2, 150], name: '特殊点' }
]
}
- type:标注类型,例如 'max' 表示最大值标注。
- name:标注的名称。
- value、xAxis、yAxis:指定标注的位置。
3. 区域填充(areaStyle):
区域填充用于填充线图中的区域,可以使图表更加直观。
示例:
areaStyle: {
color: 'rgba(173, 216, 230, 0.3)' // 设置填充颜色和透明度
}
- color:区域填充的颜色,可以使用 rgba 格式设置颜色和透明度。
这些属性可以添加到 series 的配置中,例如:
series: [{
type: 'line',
data: [/* 数据 */],
markLine: {
data: [
{ type: 'average', name: '平均值' },
{ yAxis: 50, name: '阈值50' }
]
},
markPoint: {
data: [
{ type: 'max', name: '最大值' },
{ coord: [2, 150], name: '特殊点' }
]
},
areaStyle: {
color: 'rgba(173, 216, 230, 0.3)'
}
}]
这样就能在线图中添加标线、标注和区域填充,以丰富图表的表达能力。
转载请注明出处:http://www.zyzy.cn/article/detail/5439/ECharts