Skip to content

P
pica-learning-report
提交 5b411f4d 编写于 作者: guangjun.yang's avatar guangjun.yang
浏览文件
操作

将空值设置为不选中

上级 881805c8
隐藏空白字符变更
内嵌 并排
正在显示 包含 85 行增加 和 26 行删除
components/bussiness/charts/chart-pie-cert.vue
浏览文件 @ 5b411f4d
......@@ -28,6 +28,7 @@ export default {
return {
pieId: 'certPieId',
chartHeight: "1000px",
legendDataNotSelected: {},
handledData: {},
legendData: [],
seriesData: {}
......@@ -48,12 +49,24 @@ export default {
},
methods: {
handlePieData(pieData) {
this.legendData = pieData.map( item => {
return item.certName
})
this.seriesData = pieData.map( item => {
return { name: item.certName, value: item.doneCount}
let legendDataNotSelected = {}, legendData = [], seriesData = [];
pieData.forEach( (item, i) => {
if(!pieData[i].doneCount) {
legendDataNotSelected[pieData[i].certName] = false
}
legendData.push(item.certName);
seriesData.push({ name: item.certName, value: item.doneCount});
})
this.legendDataNotSelected = legendDataNotSelected;
this.legendData = legendData;
this.seriesData = seriesData;
// this.legendData = pieData.map( item => {
// return item.certName
// })
// this.seriesData = pieData.map( item => {
// return { name: item.certName, value: item.doneCount}
// })
},
// 绘制图表
drawPie() {
......@@ -71,6 +84,7 @@ export default {
top: '30%',
left: '60%',
bottom: 20,
selected: legendDataNotSelected,
data: vm.legendData, // ["优秀证书", "及格证书", "未获证"],
textStyle: {
fontSize: 12,
......
components/bussiness/charts/chart-pie-edu.vue
浏览文件 @ 5b411f4d
......@@ -31,6 +31,7 @@ export default {
chartWidth: '320px',
pieId: 'eduPieId',
chartHeight: "1000px",
legendDataNotSelected: {},
handledData: {},
legendData: [],
seriesData: {},
......@@ -68,17 +69,31 @@ export default {
mounted() {},
methods: {
handlePieData(pieData) {
this.legendData = pieData.map( item => {
return item.name
})
this.seriesData = pieData.map( item => {
return { name: item.name, value: item.value}
})
let count = 0
pieData.forEach( item => {
let count = 0, legendDataNotSelected = {}, legendData = [], seriesData = [];
pieData.forEach( (item, i) => {
if(!pieData[i].value) {
legendDataNotSelected[pieData[i].certName] = false
}
legendData.push(item.certName);
seriesData.push({ name: item.certName, value: item.value});
count += item.value;
})
this.legendDataNotSelected = legendDataNotSelected;
this.legendData = legendData;
this.seriesData = seriesData;
this.count = count;
// this.legendData = pieData.map( item => {
// return item.name
// })
// this.seriesData = pieData.map( item => {
// return { name: item.name, value: item.value}
// })
// let count = 0
// pieData.forEach( item => {
// count += item.value;
// })
// this.count = count;
},
// 绘制图表
drawPie() {
......@@ -111,6 +126,7 @@ export default {
top: '20%',
left: '60%',
bottom: 20,
selected: legendDataNotSelected,
data: vm.legendData, // ["优秀证书", "及格证书", "未获证"],
textStyle: {
fontSize: 12,
......
components/bussiness/charts/chart-pie-title.vue
浏览文件 @ 5b411f4d
......@@ -38,6 +38,7 @@ export default {
chartWidth: '320px',
pieId: "titlePieId",
chartHeight: "1000px",
legendDataNotSelected: {},
handledData: {},
legendData: [],
seriesData: {},
......@@ -74,17 +75,31 @@ export default {
mounted() {},
methods: {
handlePieData(pieData) {
this.legendData = pieData.map(item => {
return item.name;
});
this.seriesData = pieData.map(item => {
return { name: item.name, value: item.value };
});
let count = 0
pieData.forEach( item => {
let count = 0, legendDataNotSelected = {}, legendData = [], seriesData = [];
pieData.forEach( (item, i) => {
if(!pieData[i].value) {
legendDataNotSelected[pieData[i].certName] = false
}
legendData.push(item.certName);
seriesData.push({ name: item.certName, value: item.value});
count += item.value;
})
this.legendDataNotSelected = legendDataNotSelected;
this.legendData = legendData;
this.seriesData = seriesData;
this.count = count;
// this.legendData = pieData.map(item => {
// return item.name;
// });
// this.seriesData = pieData.map(item => {
// return { name: item.name, value: item.value };
// });
// let count = 0
// pieData.forEach( item => {
// count += item.value;
// })
// this.count = count;
},
// 绘制图表
drawPie() {
......@@ -118,6 +133,7 @@ export default {
top: '20%',
left: "60%",
bottom: 20,
selected: legendDataNotSelected,
data: vm.legendData, // ["优秀证书", "及格证书", "未获证"],
textStyle: {
fontSize: 12,
......
components/bussiness/charts/chart-pie.vue
浏览文件 @ 5b411f4d
......@@ -45,6 +45,7 @@ export default {
return {
chartHeight: "1000px",
handledData: {},
legendDataNotSelected: {},
legendData: [],
seriesData: {},
isShow: true
......@@ -78,12 +79,23 @@ export default {
},
methods: {
handlePieData(pieData) {
this.legendData = pieData.map( item => {
return item.certName
})
this.seriesData = pieData.map( item => {
return { name: item.certName, value: item.doneCount}
let legendDataNotSelected = {}, legendData = [], seriesData = [];
pieData.forEach( (item, i) => {
if(!pieData[i].doneCount) {
legendDataNotSelected[pieData[i].certName] = false
}
legendData.push(item.certName);
seriesData.push({ name: item.certName, value: item.doneCount});
})
this.legendDataNotSelected = legendDataNotSelected;
this.legendData = legendData;
this.seriesData = seriesData;
// this.legendData = pieData.map( item => {
// return item.certName
// })
// this.seriesData = pieData.map( item => {
// return { name: item.certName, value: item.doneCount}
// })
},
// 绘制图表
drawPie() {
......@@ -105,6 +117,7 @@ export default {
top: '25%',
left: '60%',
bottom: 20,
selected: legendDataNotSelected,
data: vm.legendData, // ["优秀证书", "及格证书", "未获证"],
textStyle: {
fontSize: 12,
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或