echarts年龄饼图_echarts饼图设置环的大小

echarts饼图中对圆环的大小比列设置：

主要代码：radius: ['80%', '40%']

参数解释：

第一个参数：外环的尺寸大小

第二个参数：内环尺寸大小

注：用百分比设置

完整代码：

var BarBOX1 = echarts.init(document.getElementById("test"));

option1 = {

tooltip: {

trigger: 'item',

formatter: "{a}
{b}: {c} ({d}%)"

},

legend: {

orient: 'vertical',

x: 'left',

data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']

},

series: [

{

name:'访问来源',

type:'pie',

radius: ['80%', '40%'],

avoidLabelOverlap: false,

label: {

normal: {

show: false,

position: 'center'

},

emphasis: {

show: true,

textStyle: {

fontSize: '30',

fontWeight: 'bold'

}

}

},

labelLine: {

normal: {

show: false

}

},

data:[

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

]

}

]

};

BarBOX1.setOption(option1);

效果图这里就不放了，大家可以复制代码运行查看效果！