try
commit
5614ef750c
|
@ -54,34 +54,35 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
// 获取配置
|
// 获取配置
|
||||||
getOption() {
|
getOption() {
|
||||||
|
|
||||||
// 指定图表的配置项和数据
|
// 指定图表的配置项和数据
|
||||||
let isAllZero = this.dataList.every(item => {
|
let isAllZero = this.dataList.every(item => {
|
||||||
// console.log(item,"item")
|
// console.log(item,"item")
|
||||||
return item.value == 0
|
return item.value == 0
|
||||||
})
|
})
|
||||||
console.log(isAllZero,"isAllZero")
|
console.log(isAllZero, "isAllZero")
|
||||||
let option=null
|
let option = null
|
||||||
if(isAllZero==true){
|
if (isAllZero == true) {
|
||||||
for(let i =0;i<this.dataList.length;i++){
|
for (let i = 0; i < this.dataList.length; i++) {
|
||||||
this.dataList[i].name = this.dataList[i].name+" 已完成工作项:"+this.dataList[i].value+"项"
|
this.dataList[i].name = this.dataList[i].name + " 已完成工作项:" + this.dataList[i].value + "项"
|
||||||
}
|
}
|
||||||
console.log(this.dataList,"this.dataListgroup")
|
console.log(this.dataList, "this.dataListgroup")
|
||||||
option = {
|
option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'item'
|
trigger: 'item'
|
||||||
},
|
},
|
||||||
//文本形式项目暂无进度,缩放有问题
|
//文本形式项目暂无进度,缩放有问题
|
||||||
// graphic:{
|
// graphic:{
|
||||||
// type:'text',
|
// type:'text',
|
||||||
// left:'27%',
|
// left:'27%',
|
||||||
// top:'50%',
|
// top:'50%',
|
||||||
// style:{
|
// style:{
|
||||||
// text:'项目暂无进度',
|
// text:'项目暂无进度',
|
||||||
// textAlign:'center',
|
// textAlign:'center',
|
||||||
// fill:'#000',
|
// fill:'#000',
|
||||||
|
|
||||||
// }
|
// }
|
||||||
// },
|
// },
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '统计',
|
name: '统计',
|
||||||
|
@ -113,39 +114,39 @@ export default {
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
}else{
|
} else {
|
||||||
for(let i =0;i<this.dataList.length;i++){
|
for (let i = 0; i < this.dataList.length; i++) {
|
||||||
this.dataList[i].name = this.dataList[i].name+":"+this.dataList[i].value+"人"
|
this.dataList[i].name = this.dataList[i].name + ":" + this.dataList[i].value + "人"
|
||||||
}
|
}
|
||||||
option = {
|
option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'item'
|
trigger: 'item'
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '统计',
|
name: '统计',
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
center: ['35%', '55%'],
|
center: ['35%', '55%'],
|
||||||
// radius: ['40%', '70%'],
|
// radius: ['40%', '70%'],
|
||||||
avoidLabelOverlap: false,
|
avoidLabelOverlap: false,
|
||||||
label: {
|
|
||||||
show: false,
|
|
||||||
position: 'center'
|
|
||||||
},
|
|
||||||
emphasis: {
|
|
||||||
label: {
|
label: {
|
||||||
show: false,
|
show: false,
|
||||||
fontSize: '40',
|
position: 'center'
|
||||||
fontWeight: 'bold'
|
},
|
||||||
}
|
emphasis: {
|
||||||
},
|
label: {
|
||||||
labelLine: {
|
show: false,
|
||||||
show: false
|
fontSize: '40',
|
||||||
},
|
fontWeight: 'bold'
|
||||||
data: this.dataList
|
}
|
||||||
}
|
},
|
||||||
]
|
labelLine: {
|
||||||
};
|
show: false
|
||||||
|
},
|
||||||
|
data: this.dataList
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -183,7 +184,7 @@ export default {
|
||||||
// 更新图表
|
// 更新图表
|
||||||
updateEcharts() {
|
updateEcharts() {
|
||||||
this.myChart.setOption(this.getOption(), true);
|
this.myChart.setOption(this.getOption(), true);
|
||||||
console.log( this.dataList," this.dataList")
|
console.log(this.dataList, " this.dataList")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue