宇筱博客

  • 解决办法
  • 学无止境
  • 记录时光
  • 百宝箱
宇筱博客
点滴记忆,汇聚成海。
  1. 首页
  2. 解决办法
  3. 正文

echarts为柱状图指定颜色

2017年1月7日 705点热度 0人点赞 0条评论

例一:

series[j].itemStyle={
                 normal: {
                     color: function(params) {                    
                       if(params.series.data[params.dataIndex] != null && params.series.data[params.dataIndex].color != undefined)
                       {
                          return params.series.data[params.dataIndex].color;
                       }else
                       {
                         return params.series.color;
                       }
                     }
                   }
               }

例二:

itemStyle: {
                normal: {
                    color: function(params) {
                        // build a color map as your need.
                        var colorList = [
                          '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
                           '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                           '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                        ];
                        return colorList[params.dataIndex]
                    },
                    label: {
                        show: true,
                        position: 'top',
                        formatter: '{b}\n{c}'
                    }
                }
            },

DEMO:http://echarts.baidu.com/echarts2/doc/example/bar14.html

标签: 暂无
最后更新:2017年1月7日

小渔民

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2025 宇筱博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

豫ICP备15017825号-2