option = {
legend: {
show: false,
type: 'scroll',
x: 'center',
y: 'top',
icon: 'circle',
orient: 'vertical',
textStyle: { color: '#B9B8CE', fontSize: 18 },
itemHeight: 15,
itemWidth: 15,
pageTextStyle: { color: '#B9B8CE' },
left: 'left'
},
isCarousel: false,
type: 'nomal',
tooltip: { trigger: 'item' },
dataset: {
dimensions: ['product', 'data1'],
source: [
{ product: 1048, data1: 'Search Engine' },
{ product: 735, data1: 'Direct' },
{ product: 580, data1: 'Email' },
{ product: 484, data1: 'Union Ads' },
{ product: 300, data1: 'Video Ads' }
]
},
series: [
{
name: 'Access From',
type: 'pie',
radius: ['32%', '50%'],
center: ['50%', '50%'],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
},
{
// 内边框
radius: ['30%', '31%'],
center: ['50%', '50%'],
silent: true,
type: 'pie',
label: { show: false },
labelLine: { show: false },
animation: false,
tooltip: {
show: false
},
data: [
{
value: 1,
itemStyle: {
color: 'rgba(250,250,250,0.3)'
}
}
]
},
{
// 外边框
center: ['50%', '50%'],
radius: ['53%', '53%'],
silent: true,
type: 'pie',
label: { show: false },
labelLine: { show: false },
animation: false,
tooltip: {
show: false
},
data: [
{
value: 1,
itemStyle: {
borderWidth: 2,
borderColor: '#0b5263'
}
}
]
}
],
backgroundColor: '#020F37'
};