账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    echart.js 每一块上显示所占的百分比!但是当百分比有重复的时候 颜色会重复!
    32
    0

    如题,利用echart3做了一个饼状图,利用data的name属性设置显示每一块所占的百分比!当时当name值一样的时候,会出现颜色重复!

    var option = {
                color:['#fecb5e','#ef7a82','#36d1bb','#fa8c35','#27aaf3'],
                series: [
                    {
                        type:'pie',
                        radius: ['30%', '70%'],
                        avoidLabelOverlap: false,
                        itemStyle: {
                            normal: {
                                borderColor: '#fff',
                                borderWidth: '2'
                            },
                            emphasis: {
                                borderColor: '#fff',
                                borderWidth: '2'
                            }
                        },
                        label: {
                            normal: {
                                show: true,
                                position: 'inner',
                                textStyle: {
                                    fontSize: '9'
                                }
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: '9'
                                }
                            }
                        },
                        data:[
                            {value:5, name:5%},
                            {value:20, name:20%},
                            {value:30, name:30%},
                            {value:30, name:305},
                            {value:15, name:15%}
                        ]
                    }
                ]
            };

    这样的话第三个底色个颜色就一样了!

    我想要的是即使百分比一样 也按照color的值依次获取,name用来显示百分比!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部