echarts给柱状图的每个柱子配置不同的颜色
在series
数组对象中与data
和type
同级的写一个itemStyle
的对象,对象中是normal
对象,normal
对象中有一个color
键,其值是对应的是一个函数,其中this.pieColor
是我自己定义的颜色数组,类似于:
[
"#FFDB5C",
"#37A2DA",
"#fb7293",
"#67E0E3"
]
【echarts给柱状图的每个柱子配置不同的颜色】然后函数的参数params中有一个dataIndex属性,将其返回即可使用,如下边代码所示:
series: [
{
type: "bar",
data: dataX,
itemStyle: {
normal: {
color: (params) => this.pieColor[params.dataIndex],
},
},
},
],
推荐阅读
- 假如给你三天恋爱3
- 力扣之加一
- 天冷了,10个孩子9个咳|天冷了,10个孩子9个咳 | 千万不要一咳嗽就给他吃药!
- 这样的男人,能给你高潮都不能嫁
- 5年50万理财本金小目标,送给未来的宝贝和我自己~
- 父母能给孩子的最好礼物是什么()
- 投稿|饿了么给抖音补短板
- 如何提升你的能力(给年轻程序猿的几条建议)
- 儿子结婚,父母应不应该给他买房()
- 2017.03.29写给老公的一封信