/* 南丁格尔玫瑰图 */
(function () {
var pie = document.getElementsByClassName('pie')[0];
myChart = echarts.init(pie);
var option = {
color: ['#006cff', '#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'],
tooltip: {
trigger: 'item',
/*
提示信息的格式:
a: series中name的值
b: series中 data的name值
c: series中 data的 value值
d: 当前value占全部的比例
*/
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
series: [
{
name: '老陈学员分布',
type: 'pie',
radius: ['8%', '65%'],
center: ['50%', '50%'],
roseType: 'radius',
itemStyle: {
borderRadius: 5
},
label: {
fontSize: '10px'
},
labelLine: {
length: 6,
length2: 8
},
data: [
{ value: 20, name: '云南' },
{ value: 26, name: '北京' },
{ value: 24, name: '山东' },
{ value: 25, name: '河北' },
{ value: 20, name: '江苏' },
{ value: 25, name: '浙江' },
{ value: 30, name: '四川' },
{ value: 42, name: '河南' }
]
}
]
};
myChart.setOption(option);
window.addEventListener('load', function () {
myChart.resize();
})
window.addEventListener('resize', function () {
myChart.resize();
})
})();