option = {
backgroundColor: '#03213D',
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
visualMap: {
show: false,
min: 80,
max: 600,
inRange: {
colorLightness: [0, 1]
}
},
legend: {
data: ['农业', '林业', '服务业', '渔业', '牧业'],
orient: 'vertical',
top: '15%',
right: '1%',
textStyle: {
color: '#fff',
fontSize: 10
}
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '80%', // 调节大小，半径
center: ['40%', '53%'], // 调节位子
color: ['#0f6ac3', '#3a4392', '#3399ff', '#00f0ff', '#004ab8'],
data: [
{
value: 335,
name: '农业'
},
{ value: 310, name: '林业' },
{ value: 274, name: '服务业' },
{ value: 235, name: '渔业' },
{ value: 400, name: '牧业' }
].sort(function (a, b) { return a.value - b.value }),
roseType: 'radius',
label: {
normal: {
textStyle: {
color: '#fff',
fontSize: 10
}
}
},
labelLine: {
normal: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
},
smooth: 0.2,
length: 10,
length2: 20
}
},
itemStyle: {
normal: {
shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
animationType: 'scale',
animationEasing: 'elasticOut',
animationDelay: function (idx) {
return Math.random() * 200
}
}
]
}