Echarts环形饼状图设置内外边框

上班快一个月了,最近再写echarts的项目,亚历山大啊

记录一下饼状图设置内外边框的代码

series: [
                {
                    name: '项目分数',
                    type: 'pie',
                    radius: ['50%', '70%'],
                    avoidLabelOverlap: false,
                    labelLine: {
                        show: true
                    },
                    data: [
                        {value: 335, name: '970分以上'},
                        {value: 310, name: '950-970分'},
                        {value: 234, name: '900-950分'},
                        {value: 135, name: '900分以下'},
                    ]
                },
                {
                    name: '外边框',
                    type: 'pie',
                    clockWise: false,
                    radius: ['74%', '74%'],//边框大小
                    center: ['50%', '50%'],//边框位置
                    data: [{
                        value: 10,
                        itemStyle: {
                            normal: {
                                borderWidth: 8,//设置边框粗细
                                borderColor: 'rgb(9,37,71, 0.5)'//边框颜色
                            }
                        }
                    }]
                },
            ]

此时还需要把指示线取消

labelLine:{  
   normal:{  
       length:45, 
       length2:45,
       show: false    // 隐藏所有指示线
   }  
},

效果图

Echarts环形饼状图设置内外边框_第1张图片

 

你可能感兴趣的:(echarts,前端,javascript)