option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
bottom: 0,
left: 'center',
data: ['基础评分', '履职评分', '监控评分'],
textStyle: {
fontSize: 8,
color: "rgba(255,255,255,1)",
}
},
title: {
text: "90",
left: "center",
top: "50%",
textStyle: {
color: "rgba(255,255,255,1)",
fontSize: 30,
align: "center"
}
},
graphic: {
type: "text",
left: "center",
top: "40%",
style: {
text: "综合评分",
textAlign: "center",
fill: "rgba(255,255,255,.6)",
fontSize: 14,
fontWeight: 400
}
},
series: [{
name: '',
type: 'pie',
radius: ['60%', '80%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: false,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data: [
{value: 5, name: '基础评分', itemStyle: {color: 'rgb(235,77,68)'}},
{value: 5, name: '履职评分', itemStyle: {color: 'rgb(77,160,246)'}},
{value: 5, name: '监控评分', itemStyle: {color: 'rgb(243,192,74)'}},
]
}]
}
option = {
title: {
text: ['{name|故障总数}', '{value|' + 12365 + '个}'].join('\n'),
top: '48%',
left: '29%',
textAlign: 'center',
textStyle: {
rich: {
value: {
color: '#FFFFFF',
fontSize: 16,
lineHeight: 16,
},
name: {
color: '#FFFFFF',
fontSize: 13,
lineHeight: 20,
},
},
},
},
color: ["#027FF2", "#F19610", "#8A00E1", "#00C6FF", "#34D160", "#6054FF"],
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: '60%',
top: 'center',
data: ['液位液压', '烟感故障', '喷淋故障', '温感故障', '烟感故障1', '防火门故障'],
formatter: function (name) {
let total = 0;
let target;
let data = [
{value: 10, name: '液位液压'},
{value: 5, name: '烟感故障'},
{value: 15, name: '喷淋故障'},
{value: 25, name: '温感故障'},
{value: 20, name: '烟感故障1'},
{value: 35, name: '防火门故障'}
];
for (let i = 0, l = data.length; i < l; i++) {
total += data[i].value;
if (data[i].name == name) {
target = data[i].value;
}
}
let arr = [
'{name|' + name + '}',
'{num|' + target + '个 ' + ((target / total) * 100).toFixed(2) + '%}',
];
return arr.join('\n')
},
textStyle: {
rich: {
name: {
color: '#FFFFFF',
fontSize: 11,
align: 'center',
//padding: [-20, 0, 0, 0],
},
num: {
color: '#02E8FF',
fontSize: 13,
align: 'center',
//padding: [0, 0, 30, 0],
}
}
}
},
series: [
{
name: '故障分类',
type: 'pie',
radius: [40, 110],
center: ['30%', '55%'],
roseType: 'radius',
label: {
show: false
},
emphasis: {
label: {
show: false
}
},
data: [
{value: 10, name: '液位液压'},
{value: 5, name: '烟感故障'},
{value: 15, name: '喷淋故障'},
{value: 25, name: '温感故障'},
{value: 20, name: '烟感故障1'},
{value: 35, name: '防火门故障'}
]
}
]
}
option = {
title: {
text: [’{name|故障\n总数}’].join(’\n’),
top: ‘45%’,
left: ‘44%’,
textAlign: ‘center’,
textStyle: {
rich: {
name: {
color: ‘#FFFFFF’,
fontSize: 16,
lineHeight: 20,
},
},
},
},
color: ["#027FF2", “#F19610”, “#8A00E1”, “#00C6FF”, “#34D160”, “#6054FF”],
tooltip: {
trigger: ‘item’,
formatter: ‘{a}
{b} : {c} ({d}%)’
},
series: [
{
name: ‘故障分类’,
type: ‘pie’,
radius: [40, 110],
center: [‘45%’, ‘55%’],
roseType: ‘radius’,
data: [
{value: 10, name: ‘液位液压’},
{value: 5, name: ‘烟感故障’},
{value: 15, name: ‘喷淋故障’},
{value: 25, name: ‘温感故障’},
{value: 20, name: ‘烟感故障1’},
{value: 35, name: ‘防火门故障’}
]
}
]
}