码迷,mamicode.com
首页 > 其他好文 > 详细

百度的echart环形图颜色动态设置

时间:2015-05-24 23:16:16      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

自己参与的有一个项目需要用到环行图,考虑到百度的echart功能很强大兼容性又挺好就使用了这个插件,但是在颜色配置的时候出现了问题按照参考文档的方法是用color:Array这样的形式,但是不知道在哪里设置,在网上查了有两种说法,一种是直接在option里面配置  但是我试了之后直接报错了,还有一种是在>series->itemStyle->normal里面,但是设置之后奇怪的事情发生了,无论设置什么颜色都变成了黑色,至少改变了原来自带的颜色说明这个路径是对的,后来发现可以·用函数的方法设置就是了一下果然成功了,代码如下:

 

//首先将你要设置好的颜色保存起来
var  colors=[‘#f6909e‘,‘#83dce7‘,‘#fad797‘,‘#59ccf7‘,‘#c3b4df‘];

//在series里面的itemStyle里面
  itemStyle : {
                  normal : {    
                          label : {
                               show : false
                            },
                            labelLine : {
                               show : false
                            },
                            //自定义颜色数组
                            color:function(){
                                return colors[i++];                                
                            }
          },
    //这样就可以实现了函数里面可以做很多的事情比一个纯数组方便多了吧

 

百度的echart环形图颜色动态设置

标签:

原文地址:http://www.cnblogs.com/yy-hh/p/4526678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!