android点击图表,文字变得模糊
配置项如下
var data = [{
value: 9,
//name: '110警情'
}, {
value: 2,
//name: '119警情'
}, {
value: 4,
//name: '112警情'
}, {
value: 17,
//name: '已完成'
}];
option = {
backgroundColor: '#eff3f7',
title: {
text: '32',
subtext: '总警情',
x: 'center',
y: 'center',
textStyle: {
fontWeight: 'normal',
fontSize: 22
}
},
tooltip: {
show: true,
trigger: 'item',
//formatter: "{b}: {c} ({d}%)"
},
legend: {
orient: 'horizontal',
bottom: '0%',
//data: ['110警情', '119警情', '112警情', '已完成']
},
series: [{
type: 'pie',
selectedMode: 'single',
radius: ['90%', '80%'],
color: ['#08aeff', '#eb6d6d', '#86e36d', '#ffc734'],
label: {
normal: {
position: 'left',
//formatter: '{d}%',
textStyle: {
color: 'red',
fontWeight: 'bold',
fontSize: 20
}
}
},
labelLine: {
normal: {
show: false
}
},
data: data
}, {
type: 'pie',
radius: ['80%', '60%'],
itemStyle: {
normal: {
color: '#e3e7eb'
},
emphasis: {
color: '#ADADAD'
}
},
label: {
normal: {
position: 'inner',
formatter: '{d}%',
textStyle: {
color: '#8e8e96',
fontWeight: 'bold',
fontSize: 20
}
}
},
data: data
}]
};