当前位置: 首页 > Web前端 > JavaScript

echarts为直方图的每一列配置不同的颜色

时间:2023-03-27 13:21:05 JavaScript

在series数组对象中写一个和data和type同级的itemStyle对象。对象为普通对象,普通对象中有一个颜色键,其值对应一个函数,其中this.pieColor是自己定义的颜色数组,类似:["#FFDB5C","#37A2DA","#fb7293","#67E0E3"]那么函数中有一个参数params返回之后就可以使用dataIndex属性了,如下代码所示:series:[{type:"bar",data:dataX,itemStyle:{正常:{color:(params)=>this.pieColor[params.dataIndex],},},},],