echart改变饼状图每个饼的颜色和提示线长度

代码:

 var option = {
             legend: {
                    x : 'center',
                    data:['西药处方','中成药处方','中草药处方','其他']
                },
                series : [
                    {
                        type:'pie',
                        radius : [20, 80],
                        center : ['25%', '50%'],
                        roseType : 'area',
                        labelLine:{  
                            normal:{  
                                length:1  
                            }  
                        },  
                        data:[
                            {value:10, name:'西药处方'},
                            {value:5, name:'中成药处方'},
                            {value:15, name:'中草药处方'},
                            {value:25, name:'其他'}
                        ]
                    },
                    {
                        name: '药品占比',
                        type: 'pie',
                        radius : [0, 80],
                        center: ['75%', '50%'],
                        labelLine:{  //设置提示线的长度
                                        normal:{  
                                            length:5  
                                        }  
                                    },  
                        data:[
                            {value:335, name:'西药处方',itemStyle:{color:'#CFB2A9'}//改变每个饼的颜色},
                            {value:310, name:'中成药处方',itemStyle:{color:'#7FAE90'}},
                            {value:234, name:'中草药处方',itemStyle:{color:'#FF8A5B'}},
                            {value:135, name:'其他', itemStyle:{color:'#E062AE'}}
                        ]
                    }
                ]
            };

     ProportionOfDrugsEchart.setOption(option);
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值