<epl-window width="1000px" :title="titleName" append-to-body :visible.sync="dialogVisibleNewOrUpdate"
height="1000px" maxMenu="false" maxable="false" shadeDestroy="false" resizable="false"
allowControlDbclick="false" dragInTopToMax="false" center>
<div style="height: 550px ; width: 1000px " >
<div id="mainChars" style="width: 100%; height: 100% " ></div>
</div>
</epl-window>
mounted() {
this.getpie();
},
getpie() {
this.$api.commonGet('/business/KWLBPT/KWLBPT_002/KWLBPT_002_002/initData').then(res=>{
let arrayData = [];
arrayData = res.data;
for (let i = 0; i < arrayData.length; i++) {
let obj = new Object();
obj.name = arrayData[i].sys_route_id;
obj.value = arrayData[i].num;
this.getData[i] = obj;
}
this.mainChars = this.$echarts.init(document.getElementById("mainChars"));
this.mainChars.setOption ({
legend: {
x : '0%',
y : 'center',
orient : 'vertical',
},
toolbox: {
show: true,
feature: {
mark: { show: true },
dataView: { show: true, readOnly: false },
restore: { show: true },
saveAsImage: { show: true }
}
},
series: [
{
name: '',
type: 'pie',
radius: [50, 200],
center: ['40%', '50%'],
roseType: 'area',
itemStyle: {},
data: this.getData
}
]
});
this.mainChars.on(
"click",
(params)=>{
this.dialogVisibleNewOrUpdate = false;
this.menuForm.sys_route_id=params.name;
this.searchMenu();
}
);
});
},
statistics(){
this.dialogVisibleNewOrUpdate=true;
this.$nextTick(() => {
// 执行echarts方法
this.getpie()
})
},