echarts如何修改漏斗图中的每一个块的颜色
时间: 2024-06-10 09:10:56 浏览: 167
可以通过设置 series.itemStyle.normal.color 参数来修改漏斗图中每一个块的颜色。
例如:
```
option = {
series: [
{
type: 'funnel',
data: [
{value: 60, name: '访问'},
{value: 40, name: '咨询'},
{value: 20, name: '订单'},
{value: 80, name: '点击'},
{value: 100, name: '展现'}
],
itemStyle: {
normal: {
color: function(params) {
// 定义每一个块的颜色
var colorList = [
'#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
'#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
'#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
];
return colorList[params.dataIndex];
}
}
}
}
]
};
```
在 itemStyle.normal.color 中,我们定义了一个 colorList 数组,其中包含了每一个块的颜色。然后在 color 函数中,根据每一个块的 dataIndex(即数据下标)返回对应的颜色即可。
阅读全文