option = {
backgroundColor:'#000',
color:['#3DFFDC','#5A3FFF','#268AFF','#1ED6FF','#ADE1FF'],
tooltip: {
trigger: 'item'
},
legend: {
orient: 'horizontal',
bottom:20,
right:20,
textStyle:{
color:'#fff'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
top:'10%',
},
series: [
{
name: 'Access From',
type: 'pie',
radius: '50%',
itemStyle:{
borderColor:'#000',
borderWidth:3,
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};