|
|
@@ -53,34 +53,97 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
|
|
|
+ // let option = {
|
|
|
+ // tooltip: {
|
|
|
+ // trigger: 'item',
|
|
|
+ // alwaysShowContent: true,
|
|
|
+ // formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
|
+ // },
|
|
|
+ // legend: {
|
|
|
+ // data: [...data].map(item => {
|
|
|
+ // return item.name;
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // series: [
|
|
|
+ // {
|
|
|
+ // name: '投诉数量',
|
|
|
+ // type: 'pie',
|
|
|
+ // selectedMode: 'single',
|
|
|
+ // radius: [0, '60%'],
|
|
|
+ // label: {
|
|
|
+ // formatter: ' {b|{b}：}{c}场 {per|{d}%} ',
|
|
|
+ // backgroundColor: '#F6F8FC',
|
|
|
+ // borderColor: '#8C8D8E',
|
|
|
+ // borderWidth: 1,
|
|
|
+ // borderRadius: 4,
|
|
|
+ // rich: {
|
|
|
+ // a: {
|
|
|
+ // color: '#6E7079',
|
|
|
+ // lineHeight: 22,
|
|
|
+ // align: 'center'
|
|
|
+ // },
|
|
|
+ // hr: {
|
|
|
+ // borderColor: '#8C8D8E',
|
|
|
+ // width: '100%',
|
|
|
+ // borderWidth: 1,
|
|
|
+ // height: 0
|
|
|
+ // },
|
|
|
+ // b: {
|
|
|
+ // color: '#4C5058',
|
|
|
+ // fontSize: 14,
|
|
|
+ // fontWeight: 'bold',
|
|
|
+ // lineHeight: 33
|
|
|
+ // },
|
|
|
+ // per: {
|
|
|
+ // color: '#fff',
|
|
|
+ // backgroundColor: '#4C5058',
|
|
|
+ // padding: [3, 4],
|
|
|
+ // borderRadius: 4
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // position: 'inner',
|
|
|
+ // fontSize: 14
|
|
|
+ // },
|
|
|
+ // labelLine: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // data: data,
|
|
|
+ // select: {
|
|
|
+ // label: {
|
|
|
+ // show: true
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // };
|
|
|
+
|
|
|
let option = {
|
|
|
+ title: {
|
|
|
+ left: 'center'
|
|
|
+ },
|
|
|
tooltip: {
|
|
|
- trigger: 'item',
|
|
|
- alwaysShowContent: true,
|
|
|
- formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
|
+ trigger: 'item'
|
|
|
},
|
|
|
legend: {
|
|
|
- data: [...data].map(item => {
|
|
|
- return item.name;
|
|
|
- })
|
|
|
+ orient: 'vertical',
|
|
|
+ left: 'left'
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
- name: '投诉数量',
|
|
|
+ name: '2021年等级评定',
|
|
|
type: 'pie',
|
|
|
- selectedMode: 'single',
|
|
|
- radius: [0, '60%'],
|
|
|
- label: {
|
|
|
- position: 'inner',
|
|
|
- fontSize: 14
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- data: data,
|
|
|
- select: {
|
|
|
- label: {
|
|
|
- show: true
|
|
|
+ radius: '60%',
|
|
|
+ data: [
|
|
|
+ { value: 20, name: '优秀' },
|
|
|
+ { value: 50, name: '合格' },
|
|
|
+ { value: 30, name: '未参加' },
|
|
|
+ { value: 5, name: '取消参评' }
|
|
|
+ ],
|
|
|
+ emphasis: {
|
|
|
+ itemStyle: {
|
|
|
+ shadowBlur: 10,
|
|
|
+ shadowOffsetX: 0,
|
|
|
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}
|
