侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

echarts柱状图每个柱颜色不一样(每个柱子颜色设置)

2022-06-19 星期日 / 0 评论 / 0 点赞 / 58 阅读 / 2708 字

默认的情况下echarts柱状图每个柱子的颜色是一样的,那么要实现echarts柱状图每个柱颜色不一样,就是在series下的itemStyle里的normal设置每个柱子颜色,给一个color的数组,循环调用数组里面的颜色,就可以实现每个柱子的颜色

默认的情况下echarts柱状图每个柱子的颜色是一样的,那么要实现echarts柱状图每个柱颜色不一样,就是在series下的itemStyle里的normal设置每个柱子颜色,给一个color的数组,循环调用数组里面的颜色,就可以实现每个柱子的颜色不一样。

echarts柱状图每个柱颜色不一样

echarts柱状图每个柱颜色不一样实例代码如下:

series : [       {           name: '数量',           type: 'bar',           itemStyle: {               normal: {                   //这里设置每个柱子颜色不一样                   color: function(params) {                       // 定义一个颜色数组colorList                       var colorList = ['#cca272', '#74608f', '#d7a02b', '#c8ba23',];                       return colorList[params.dataIndex]                   },               }           },           //柱状图宽度           barWidth: '60%',           //柱状图数值           data:[50,71,63,88]       }   ]

广告 广告

评论区