data = [
{
value: 100,
name: '高级',
},
{
value: 100,
name: '中级',
},
{
value: 90,
name: '低级',
},
]
count = 290; // 总数
color = ['#FF0000', '#00EEEE', '#F335EE']
option = {
backgroundColor: '#fff',
color,
legend: {
top: '10%',
left: '3%',
icon: 'rect',
orient: 'vertical',
itemGap: 30,
data: data,
},
title: [
{
text: 290,
subtext: '满意度',
top: '42%',
left: '49%',
textAlign: 'center',
itemGap: 30,
subtextStyle: {
color: '#000',
fontSize: 42,
align: 'center',
},
textStyle: {
color: '#000',
fontSize: 44,
},
},
],
series: [
//环形
{
name: '饼图',
type: 'pie',
radius: ['50%', '52%'],
center: ['50%', '50%'],
hoverAnimation: false,
label: {
show: false,
},
zlevel: 1,
labelLine: {
show: false,
},
data: data,
},
{
startAngle: '90',
endAngle: '-270',
name: '内部进度条',
type: 'gauge',
radius: '60%',
splitNumber: 10,
splitLine: {
show: false,
},
axisLine: {
show: false, // 必要
lineStyle: {
color: [
[data[0].value / count, color[0]],
[data[0].value / count + data[1].value / count, color[1]],
[1, color[2]]
],
},
},
axisLabel: {
show: false,
},
axisTick: { // 刻度样式
distance: 0,
splitNumber: 14,
length: 10,
lineStyle: {
color: 'auto',
width: 2
}
},
// 副标题
detail: {
show: false,
},
title: {
show: false,
},
data: data,
pointer: {
show: false,
},
z: 9,
},
],
};