echarts饼状图配置
<script src="https://cdn.bootcss.com/echarts/3.7.0/echarts.min.js"></script>
<div id="main2" style="width: 100%;height:280px;"></div>
// 行业类型占比占比
var myChart2 = echarts.init(document.getElementById('main2'));
//行业类型占比 配置
function myChart2init(data,channelData){
var option2 = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
legend: {
type: 'scroll',
orient: 'vertical',
right: -10,
top: 20,
bottom: 20,
data: channelData,
textStyle: {
color: '#fff',
fontSize:'12px'
},
formatter: function (name) {
var total = 0;
var target;
for (var i = 0, l = data.length; i < l; i++) {
var num = parseInt(data[i].value);
total += num;
if (data[i].name == name) {
target = num;
}
}
return name + ' '+((target / total) * 100).toFixed(2) + '%' +' ' + target;
}
},
//color:['#86D9BD', '#80ADEB'],
series: [
{
name: '行业类型占比',
type: 'pie',
radius: '45%',
center: ['25%', '50%'],
data: data,
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: {
normal: {
position: 'inner',
show: false
}
},
}
]
};
myChart2.setOption(option2);
}
// 行业类型占比-模拟数据
var data2 = [
{value: 4352, name: 'a渠道'},
{value: 3321, name: 'b渠道'},
{value: 3321, name: 'c渠道'},
{value: 3321, name: 'd渠道'},
];
var channelData = ['a渠道','b渠道','c渠道','d渠道']
myChart2init(data2,channelData);