页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题

echarts扩展属性如何实现在饼图中分别给不同的扇区设置颜色且设置透明度?

解决方案

可在图形中增加扩展属性,扩展属性如下:

       

代码块
{

...


        "series": [{

...


        "data": [{

...


        "itemStyle":                                // 多个扇区可设置多个itemStyle

...


        "color": "rgba(255, 0, 0, 0.2)"      //rgba前三个值为rgb颜色值,最后一个为颜色透明度

...


        }

...


        }, {

...


        "itemStyle": {

...


        "color": "rgba(0, 255, 0, 0.2)"

...


        }

...


        }, {

...


        "itemStyle": {

...


        "color": "rgba(0, 0, 255, 0.2)"

...



        }

...


        }, {

...


        "itemStyle": {

...


        "color": "rgba(0,0,0, 0.2)"

...


        }

...


        }, {

...


        "itemStyle": {

...


        "color": "rgba(225,200,0, 0.2)"

...


        }

...


        }]

...


        }]

...


        }


其中扩展属性中的设置如下图:

        


        显示效果如下图:

...