113 lines
3.2 KiB
JavaScript
113 lines
3.2 KiB
JavaScript
/*按违章等级统计-echarts*/
|
|
function initEchartsOne(typeList) {
|
|
let option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
},
|
|
color:['#5673cb','#fac858','#ff5d5d'],
|
|
legend: {
|
|
icon: 'circle',
|
|
data: typeList.map((item) => item.name),
|
|
bottom: 70,
|
|
itemGap: 20,
|
|
itemWidth: 10,
|
|
textStyle:{
|
|
fontSize:15
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: '违章等级',
|
|
type: 'pie',
|
|
center: ['50%', '35%'],
|
|
radius: '75%',
|
|
labelLine: {
|
|
length: 30,
|
|
},
|
|
label: {
|
|
show: true,
|
|
position: 'inside',
|
|
align: 'center',
|
|
verticalAlign: 'middle',
|
|
formatter(params) {
|
|
// console.log('label params', params);
|
|
// return params.value;
|
|
return `{name|${params.name}}\n {value|${params.value}}`;
|
|
},
|
|
rich: {
|
|
name: {
|
|
fontSize: 14
|
|
},
|
|
value: {
|
|
fontSize: 18,
|
|
lineHeight: 40
|
|
},
|
|
},
|
|
},
|
|
data: typeList
|
|
},
|
|
],
|
|
};
|
|
|
|
myChart12.setOption(option, true);
|
|
window.addEventListener("resize", function () {
|
|
myChart12.resize();
|
|
});
|
|
}
|
|
|
|
/*按违章类型统计-echarts*/
|
|
function initEchartsTwo(levelIdList) {
|
|
let option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
},
|
|
color:['#5673cb','#fac858','#ff5d5d'],
|
|
legend: {
|
|
icon: 'circle',
|
|
data: levelIdList.map((item) => item.name),
|
|
bottom: 70,
|
|
itemGap: 20,
|
|
itemWidth: 10,
|
|
textStyle:{
|
|
fontSize:15
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: '违章类型',
|
|
type: 'pie',
|
|
center: ['50%', '35%'],
|
|
radius: '75%',
|
|
labelLine: {
|
|
length: 30,
|
|
},
|
|
label: {
|
|
show: true,
|
|
position: 'inside',
|
|
align: 'center',
|
|
verticalAlign: 'middle',
|
|
formatter(params) {
|
|
// console.log('label params', params);
|
|
// return params.value;
|
|
return `{name|${params.name}}\n {value|${params.value}}`;
|
|
},
|
|
rich: {
|
|
name: {
|
|
fontSize: 14
|
|
},
|
|
value: {
|
|
fontSize: 18,
|
|
lineHeight: 40
|
|
},
|
|
},
|
|
},
|
|
data: levelIdList
|
|
},
|
|
],
|
|
};
|
|
|
|
myChart13.setOption(option, true);
|
|
window.addEventListener("resize", function () {
|
|
myChart13.resize();
|
|
});
|
|
} |