echarts设置环形图的颜色
时间: 2023-10-19 22:03:53 浏览: 466
要设置环形图的颜色,可以使用 echarts 的 series-pie 的 itemStyle 属性。在 itemStyle 中,可以设置颜色,例如:
```
series: [{
type: 'pie',
radius: ['50%', '70%'],
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
itemStyle: {
normal: {
color: function(params) {
// 自定义颜色
var colorList = ['#C1232B','#B5C334','#FCCE10','#E87C25','#27727B'];
return colorList[params.dataIndex];
}
}
}
}]
```
在这个例子中,我们使用了一个数组 colorList 来存储颜色,然后在 itemStyle 的 color 属性中使用了一个函数来返回颜色。这个函数接收一个参数 params,其中的 dataIndex 表示当前数据项的索引。我们可以根据这个索引来从 colorList 中获取对应的颜色。
注意,如果数据项的个数多于 colorList 中的颜色个数,那么颜色会循环使用。如果要设置更多的颜色,可以扩展 colorList 数组。
阅读全文