echarts柱状图分段颜色
时间: 2023-11-08 12:03:37 浏览: 107
echarts柱状图
你可以通过使用 ECharts 的 visualMap 组件来实现柱状图的分段颜色。visualMap 组件用于在图表中展示一段连续或离散的数据范围,并通过不同的颜色来表示不同的数值。以下是一个示例代码:
```javascript
option = {
...
visualMap: {
min: 0,
max: 100,
calculable: true,
inRange: {
color: ['#50a3ba', '#eac736', '#d94e5d']
}
},
series: [
{
type: 'bar',
data: [30, 60, 90, 80, 50, 70],
...
}
]
};
```
在这个示例中,visualMap 组件被配置为显示数据范围从 0 到 100,且颜色分为三段,分别为 '#50a3ba'、'#eac736' 和 '#d94e5d'。
你可以根据你的实际需求修改 visualMap 的配置,比如更改数据范围、颜色段数和颜色值。
阅读全文