echarts折线图分段颜色
时间: 2023-11-09 13:03:23 浏览: 261
可以通过 echarts 的 visualMap 组件来实现折线图的分段颜色。具体步骤如下:
1. 在 option 中添加 visualMap 组件,设置 type 为 'continuous' 或 'piecewise',根据需求设置相关属性,如 min、max、splitNumber、color 等。
2. 在 series 中设置 lineStyle.normal.color 为一个数组,数组中的每个元素对应 visualMap 中的一个颜色段。
以下是一个示例代码:
```
option = {
// 其他配置项
visualMap: {
type: 'continuous',
min: 0,
max: 100,
splitNumber: 5,
color: ['#d94e5d','#eac736','#50a3ba']
},
series: [{
type: 'line',
data: [30, 40, 50, 60, 70, 80, 90],
lineStyle: {
normal: {
color: [
[0, '#d94e5d'],
[0.5, '#eac736'],
[1, '#50a3ba']
]
}
}
}]
};
```
阅读全文