echarts给柱状图的每个柱子配置不同的颜色
在series
数组对象中与data
和type
同级的写一个itemStyle
的对象,对象中是normal
对象,normal
对象中有一个color
键,其值是对应的是一个函数,其中this.pieColor
是我自己定义的颜色数组,类似于:
[
"#FFDB5C",
"#37A2DA",
"#fb7293",
"#67E0E3"
]
然后函数的参数params中有一个dataIndex属性,将其返回即可使用,如下边代码所示:
series: [
{
type: "bar",
data: dataX,
itemStyle: {
normal: {
color: (params) => this.pieColor[params.dataIndex],
},
},
},
],
版权声明
本文仅代表作者观点,不代表博信信息网立场。
上一篇:uchome 2.0与活动有关的数据字典 下一篇:长沙非凡十年,如何「养」成?