配置项如下
option = {
backgroundColor: "#031845",
color: ['#2edfa3', '#bce672', '#ff4777', '#70f3ff', '#4b5cc4', '#f47983', '#8d4bbb', '#6635EF', '#FFAFDA'],
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
orient: 'horizontal',
icon: 'circle',
bottom: 20,
x: 'center',
textStyle: {
color: '#fff'
},
data: ['独居', '与配偶同住', ' 与子女同住', '仅与重度残疾子女共同居住', '与配偶及子女同住', '与其他亲属同住', '与父母同住', '与其他人同住']
},
series: [{
name: '访问来源',
type: 'pie',
selectedMode: 'single',
radius: [0, '38%'],
label: {
normal: {
show: false,
position: 'inner',
formatter: '{d}%',
textStyle: {
color: '#fff',
fontWeight: 'normal',
fontSize: 20
}
}
},
labelLine: {
normal: {
show: false
}
},
data: [{
value: 100,
name: '独居'
},
{
value: 100,
name: '与配偶同住'
},
{
value: 100,
name: '与子女同住'
},
{
value: 100,
name: '仅与重度残疾子女共同居住'
},
{
value: 100,
name: '与配偶及子女同住'
},
{
value: 100,
name: '与其他亲属同住'
},
{
value: 100,
name: '与父母同住'
},
{
value: 100,
name: '与其他人同住'
}
]
},
{
name: '访问来源',
type: 'pie',
radius: ['40%', '42%'],
label: {
normal: {
formatter: '{b|{b}}\n{hr|}\n{d|{d}%}',
rich: {
b: {
fontSize: 20,
color: '#fff',
align: 'left',
padding: 4
},
hr: {
borderColor: '#12EABE',
width: '100%',
borderWidth: 2,
height: 0
},
d: {
fontSize: 20,
color: '#fff',
align: 'left',
padding: 4
},
c: {
fontSize: 20,
color: '#fff',
align: 'center',
padding: 4
}
}
}
},
labelLine: {
normal: {
show: true,
length: 20,
length2: 20,
lineStyle: {
type: 'dashed',
width: 2
}
}
},
data: [{
value: 100,
name: '独居'
},
{
value: 100,
name: '与配偶同住'
},
{
value: 100,
name: '与子女同住'
},
{
value: 100,
name: '仅与重度残疾子女共同居住'
},
{
value: 100,
name: '与配偶及子女同住'
},
{
value: 100,
name: '与其他亲属同住'
},
{
value: 100,
name: '与父母同住'
},
{
value: 100,
name: '与其他人同住'
}
]
}
]
};