option = {
backgroundColor:'#000',
color:['#3DFFDC','#5A3FFF','#268AFF','#1ED6FF','#ADE1FF'],
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
icon:'rect',
itemWidth:16,
itemHeight:16,
itemGap:40,
bottom:'center',
right:20,
textStyle:{
color:'rgba(255, 255, 255, 0.60)'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
top:'10%',
},
series: [
{
name: '占比',
type: 'pie',
radius: '50%',
labelLine: {
show: false
},
label: {
show: false,
position: 'center'
},
itemStyle:{
borderColor:'#000',
borderWidth:5,
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
],
}
]
};