option = {
series: [
{
type: 'line',
data: [10, 20, 30, 40, 50],
markArea: {
silent: true, // 是否响应鼠标事件
itemStyle: {
color: 'rgba(0, 200, 0, 0.1)' // 标域的填充颜色
},
data: [
[{
name: '标域区域',
xAxis: '10%', // 标域的起始位置(相对于 x 轴)
itemStyle: {
color: 'rgba(0, 200, 0, 0.1)' // 区域的填充颜色
}
}, {
xAxis: '40%' // 标域的结束位置(相对于 x 轴)
}],
// ... 其他标域
]
},
// 其他配置...
}
]
// 其他配置项...
};
在上述示例中:
- markArea 的 silent 属性设置为 true 表示标域区域不响应鼠标事件。
- itemStyle 用于配置标域区域的样式,包括填充颜色等。
- data 数组中包含了一个或多个标域区域,每个标域区域由起始位置和结束位置组成,位置可以使用相对百分比表示。
通过调整这些参数,你可以在折线图中标注出特定的区域。
转载请注明出处:http://www.zyzy.cn/article/detail/5399/ECharts