Merge branch 'master' of https://git.lgzn.space/chengdandan/TransFlow
This commit is contained in:
commit
889bd4309c
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -45,7 +45,8 @@ export default {
|
||||||
default() {
|
default() {
|
||||||
return {};
|
return {};
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -73,12 +74,17 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
drawLine(newVal, title,timeMode) {
|
drawLine(newVal, title, timeMode) {
|
||||||
let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);
|
let myChart = this.$echarts.getInstanceByDom(this.$refs.lineChart);
|
||||||
if (myChart == null) {
|
if (myChart == null) {
|
||||||
myChart = this.$echarts.init(this.$refs.lineChart);
|
myChart = this.$echarts.init(this.$refs.lineChart);
|
||||||
}
|
}
|
||||||
// var series = []
|
// var series = []
|
||||||
|
if (newVal) {
|
||||||
|
this.xData = newVal.map(val => {
|
||||||
|
return val.time;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -138,158 +144,161 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
series: this.getMessage(newVal, title,timeMode)
|
series: this.getMessage(newVal, title, timeMode)
|
||||||
};
|
};
|
||||||
myChart.setOption(option);
|
myChart.setOption(option);
|
||||||
window.addEventListener('resize', function() {
|
window.addEventListener('resize', function () {
|
||||||
myChart.resize();
|
myChart.resize();
|
||||||
});
|
});
|
||||||
// this.$nextTick(() => {
|
// this.$nextTick(() => {
|
||||||
// myChart.setOption(option)
|
// myChart.setOption(option)
|
||||||
// myChart.resize();
|
// myChart.resize();
|
||||||
// })
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
getMessage(newVal, title,timeMode) {
|
getMessage(newVal, title, timeMode) {
|
||||||
if(newVal){
|
if (newVal) {
|
||||||
this.xData = newVal.map(val => {
|
|
||||||
return val.time;
|
|
||||||
});
|
|
||||||
|
|
||||||
var series = [
|
|
||||||
{
|
|
||||||
name: '',
|
|
||||||
type: 'line',
|
|
||||||
symbolSize: 6,
|
|
||||||
smooth: true,
|
|
||||||
itemStyle: {
|
|
||||||
color: '#fb864b',
|
|
||||||
borderColor: '#fb864b'
|
|
||||||
// borderWidth: 2
|
|
||||||
},
|
|
||||||
data: []
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
if (title === '类型') {
|
var series = [
|
||||||
this.tooltip = {
|
{
|
||||||
formatter: '{a} {b}:{c}个',
|
name: '',
|
||||||
show: true,
|
type: 'line',
|
||||||
confine: true
|
symbolSize: 6,
|
||||||
};
|
smooth: true,
|
||||||
series[0].name = '总量';
|
itemStyle: {
|
||||||
// 映射出类型数组
|
color: '#fb864b',
|
||||||
let arr = newVal.map(function (ele) {
|
borderColor: '#fb864b'
|
||||||
if (ele.type_data != null) {
|
// borderWidth: 2
|
||||||
return ele.type_data;
|
},
|
||||||
|
data: []
|
||||||
}
|
}
|
||||||
});
|
];
|
||||||
var mapN = [];
|
|
||||||
for (var t = 0; t < arr.length; t++) {
|
if (title === '类型') {
|
||||||
for (var i = 0; i < arr[t].length; i++) {
|
this.tooltip = {
|
||||||
mapN.push(arr[t][i]);
|
formatter: '{a} {b}:{c}个',
|
||||||
}
|
show: true,
|
||||||
}
|
confine: true
|
||||||
var lineArr = []
|
};
|
||||||
if (newVal[0].type_data != undefined) {
|
series[0].name = '总量';
|
||||||
newVal[0].type_data.forEach(ele => {
|
// 映射出类型数组
|
||||||
lineArr.push({
|
let arr = newVal.map(function (ele) {
|
||||||
name: ele.name,
|
if (ele.type_data != null) {
|
||||||
type: 'line',
|
return ele.type_data;
|
||||||
data: [],
|
}
|
||||||
smooth: true
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
}
|
var mapN = [];
|
||||||
mapN.forEach(ele => {
|
for (var t = 0; t < arr.length; t++) {
|
||||||
if (ele.name == '机动车') {
|
for (var i = 0; i < arr[t].length; i++) {
|
||||||
lineArr[0].data.push(ele.quantity);
|
mapN.push(arr[t][i]);
|
||||||
} else if (ele.name == '非机动车') {
|
}
|
||||||
lineArr[1].data.push(ele.quantity);
|
|
||||||
} else {
|
|
||||||
lineArr[2].data.push(ele.quantity);
|
|
||||||
}
|
}
|
||||||
});
|
var lineArr = []
|
||||||
for (let j = 0; j < lineArr.length; j++) {
|
if (newVal[0].type_data != undefined) {
|
||||||
series.push(lineArr[j]);
|
newVal[0].type_data.forEach(ele => {
|
||||||
}
|
lineArr.push({
|
||||||
// 总和数量
|
name: ele.name,
|
||||||
let mapNR1 = [];
|
type: 'line',
|
||||||
newVal.map(function (ele) {
|
data: [],
|
||||||
if (ele.type_data != null) {
|
smooth: true
|
||||||
var sum = ele.type_data.reduce(function (prev, cur) {
|
});
|
||||||
return cur.quantity + prev;
|
});
|
||||||
}, 0);
|
|
||||||
mapNR1.push(sum);
|
|
||||||
}
|
}
|
||||||
});
|
mapN.forEach(ele => {
|
||||||
series[0].data = mapNR1;
|
if (ele.name == '机动车') {
|
||||||
} else if (title === '速度') {
|
lineArr[0].data.push(ele.quantity);
|
||||||
this.tooltip = {
|
} else if (ele.name == '非机动车') {
|
||||||
formatter: '{a} {b}:{c}km/h',
|
lineArr[1].data.push(ele.quantity);
|
||||||
show: true,
|
} else {
|
||||||
confine: true
|
lineArr[2].data.push(ele.quantity);
|
||||||
};
|
}
|
||||||
// console.log("newVal",newVal)
|
});
|
||||||
series[0].data = newVal.map(val => {
|
for (let j = 0; j < lineArr.length; j++) {
|
||||||
return val.speed;
|
series.push(lineArr[j]);
|
||||||
});
|
|
||||||
} else if (title === '流量') {
|
|
||||||
series[0].data = newVal.map(ele => {
|
|
||||||
return ele.in_flow + ele.out_flow;
|
|
||||||
});
|
|
||||||
} else if (title === '车头时距') {
|
|
||||||
this.tooltip = {
|
|
||||||
formatter: '{a} {b}:{c}/s',
|
|
||||||
show: true,
|
|
||||||
confine: true
|
|
||||||
};
|
|
||||||
series[0].data = newVal.map(val => {
|
|
||||||
if(timeMode=='周期统计'){
|
|
||||||
return val.ave_headway;
|
|
||||||
}else{
|
|
||||||
return val.headway;
|
|
||||||
}
|
}
|
||||||
|
// 总和数量
|
||||||
|
let mapNR1 = [];
|
||||||
|
newVal.map(function (ele) {
|
||||||
|
if (ele.type_data != null) {
|
||||||
|
var sum = ele.type_data.reduce(function (prev, cur) {
|
||||||
|
return cur.quantity + prev;
|
||||||
|
}, 0);
|
||||||
|
mapNR1.push(sum);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
series[0].data = mapNR1;
|
||||||
|
} else if (title === '速度') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}km/h',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
};
|
||||||
|
// console.log("newVal",newVal)
|
||||||
|
series[0].data = newVal.map(val => {
|
||||||
|
return val.speed;
|
||||||
|
});
|
||||||
|
} else if (title === '流量') {
|
||||||
|
series[0].data = newVal.map(ele => {
|
||||||
|
return ele.in_flow + ele.out_flow;
|
||||||
|
});
|
||||||
|
} else if (title === '车头时距') {
|
||||||
|
this.tooltip = {
|
||||||
|
formatter: '{a} {b}:{c}/s',
|
||||||
|
show: true,
|
||||||
|
confine: true
|
||||||
|
};
|
||||||
|
series[0].data = newVal.map(val => {
|
||||||
|
if (timeMode == '周期统计') {
|
||||||
|
return val.ave_headway;
|
||||||
|
} else {
|
||||||
|
return val.headway;
|
||||||
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
} else if (title === '排队数') {
|
} else if (title === '排队数') {
|
||||||
series[0].data = newVal.map(val => {
|
series[0].data = newVal.map(val => {
|
||||||
// return val.n_queue;
|
// return val.n_queue;
|
||||||
if(timeMode=='周期统计'){
|
if (timeMode == '周期统计') {
|
||||||
return val.ave_queue;
|
return val.ave_queue;
|
||||||
}else{
|
} else {
|
||||||
return val.n_queue;
|
return val.n_queue;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (title === '检测数') {
|
} else if (title === '检测数') {
|
||||||
series[0].data = newVal.map(val => {
|
series[0].data = newVal.map(val => {
|
||||||
if(timeMode=='周期统计'){
|
if (timeMode == '周期统计') {
|
||||||
return val.ave_stay;
|
return val.ave_stay;
|
||||||
}else{
|
} else {
|
||||||
return val.n_stay;
|
return val.n_stay;
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
} else if (title === '延误') {
|
} else if (title === '延误') {
|
||||||
series[0].data = newVal.map(val => {
|
series[0].data = newVal.map(val => {
|
||||||
return val.ave_delay;
|
return val.ave_delay;
|
||||||
});
|
});
|
||||||
} else if (title === '拥堵') {
|
} else if (title === '拥堵') {
|
||||||
series[0].data = newVal.map(val => { });
|
series[0].data = newVal.map(val => { });
|
||||||
|
}
|
||||||
|
series.forEach(ele => {
|
||||||
|
ele.data.reverse()
|
||||||
|
})
|
||||||
|
return series
|
||||||
}
|
}
|
||||||
series.forEach(ele=>{
|
|
||||||
ele.data.reverse()
|
|
||||||
})
|
|
||||||
return series
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// this.drawLine();
|
// if (this.historyData.length != 0) {
|
||||||
|
// this.drawLine(this.historyData, this.title, this.status);
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// this.getMessage(this.list)
|
// this.getMessage(this.list)
|
||||||
// console.log(this.$parent.dataArr, '父组件的dataArr');
|
// console.log(this.$parent.dataArr, '父组件的dataArr');
|
||||||
// this.$set(this.$parent.dataArr)
|
// this.$set(this.$parent.dataArr)
|
||||||
|
|
|
||||||
|
|
@ -88,7 +88,7 @@
|
||||||
<div class="border" v-if="echartArr.includes('曲线图')">
|
<div class="border" v-if="echartArr.includes('曲线图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
<lineChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="newDataArr"
|
<lineChart :componentName="componentName" :chartName="chartName" :pageType="pageType" :list="newDataArr"
|
||||||
:status="triggerType" :title="title" :typeValue="typeValue" ref="lineChartRef" />
|
:status="triggerType" :title="title" :typeValue="typeValue" ref="lineChartRef" />
|
||||||
</div>
|
</div>
|
||||||
<div class="border" v-if="echartArr.includes('饼状图')">
|
<div class="border" v-if="echartArr.includes('饼状图')">
|
||||||
<detailDialog />
|
<detailDialog />
|
||||||
|
|
@ -152,8 +152,9 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// console.log(this.title);
|
|
||||||
console.log(this.componentName);
|
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 计算类型数量的总和
|
// 计算类型数量的总和
|
||||||
|
|
@ -179,6 +180,10 @@ export default {
|
||||||
this.newDataArr[0].headway = val[0].headway;
|
this.newDataArr[0].headway = val[0].headway;
|
||||||
} else if (val[0].ave_headway) {
|
} else if (val[0].ave_headway) {
|
||||||
this.newDataArr[0].headway = val[0].ave_headway;
|
this.newDataArr[0].headway = val[0].ave_headway;
|
||||||
|
}else if (val[0].n_stay) {
|
||||||
|
this.newDataArr[0].n_stay = val[0].n_stay;
|
||||||
|
} else if (val[0].ave_stay) {
|
||||||
|
this.newDataArr[0].n_stay = val[0].ave_stay;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,9 @@
|
||||||
:componentName="o.componentName" :dataArr="o.cycleTimeData"
|
:componentName="o.componentName" :dataArr="o.cycleTimeData"
|
||||||
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
:echartArr="o.presentationForm" :title="o.componentName.split('_')[0]"
|
||||||
:chartName="o.combinationName" :typeValue="typeCycleTimeData"
|
:chartName="o.combinationName" :typeValue="typeCycleTimeData"
|
||||||
:startEndData="{ start: o.startSectionNames, end: o.endSectionNames }" />
|
:startEndData="{ start: o.startSectionNames, end: o.endSectionNames }"
|
||||||
|
:historyData="o.cycleTimeData
|
||||||
|
" />
|
||||||
|
|
||||||
<!-- 周期统计的组件 -->
|
<!-- 周期统计的组件 -->
|
||||||
<typeChart ref="typeChartRef2" style="width: 100%;"
|
<typeChart ref="typeChartRef2" style="width: 100%;"
|
||||||
|
|
@ -45,7 +47,8 @@
|
||||||
:dataArr="o.cycleStatisticsData" :echartArr="o.presentationForm"
|
:dataArr="o.cycleStatisticsData" :echartArr="o.presentationForm"
|
||||||
:title="o.componentName.split('_')[0]" :chartName="o.combinationName"
|
:title="o.componentName.split('_')[0]" :chartName="o.combinationName"
|
||||||
:typeValue="typeCycleStatistics"
|
:typeValue="typeCycleStatistics"
|
||||||
:startEndData="{ start: o.startSectionNames, end: o.endSectionNames }" />
|
:startEndData="{ start: o.startSectionNames, end: o.endSectionNames }"
|
||||||
|
:historyData="o.cycleStatisticsData" />
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</div>
|
</div>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
|
|
@ -155,7 +158,7 @@ export default {
|
||||||
// this.idVal = ;
|
// this.idVal = ;
|
||||||
getComponentSection({ VideoId: this.$route.query.id, Number: 10 }).then(res => {
|
getComponentSection({ VideoId: this.$route.query.id, Number: 10 }).then(res => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
// console.log(res.data.data, '组件的数据');
|
console.log(res.data.data, '组件的数据');
|
||||||
this.componentList = res.data.data;
|
this.componentList = res.data.data;
|
||||||
this.siftData();
|
this.siftData();
|
||||||
}
|
}
|
||||||
|
|
@ -180,11 +183,11 @@ export default {
|
||||||
if (item.title == val.combinationName) {
|
if (item.title == val.combinationName) {
|
||||||
this.classify.push(val);
|
this.classify.push(val);
|
||||||
item.children.push(val);
|
item.children.push(val);
|
||||||
if(val.timeMode=='周期统计'||this.cycleStatisticsData.length==0){
|
if (val.timeMode == '周期统计' || this.cycleStatisticsData.length == 0) {
|
||||||
item.cycleStatisticsData = val.cycleStatisticsData
|
item.cycleStatisticsData = val.cycleStatisticsData
|
||||||
}
|
}
|
||||||
if(val.timeMode=='周期时刻'||this.cycleTimeData.length==0){
|
if (val.timeMode == '周期时刻' || this.cycleTimeData.length == 0) {
|
||||||
item.cycleTimeData = val.cycleTimeData
|
item.cycleTimeData = val.cycleTimeData
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -213,19 +216,36 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
channge(oldVal, newVal) {
|
|
||||||
if (oldVal == 'second') {
|
|
||||||
this.sectionArr = [];
|
|
||||||
this.sectionData = [];
|
|
||||||
this.getNew();
|
|
||||||
} else if (newVal == 'second') {
|
|
||||||
this.sectionArr = [];
|
|
||||||
this.sectionData = [];
|
|
||||||
this.getNew();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 触发数据的类型数值
|
// 触发数据的类型数值
|
||||||
|
|
||||||
|
//循环方法
|
||||||
|
getRef(data,timeMode) {
|
||||||
|
console.log(timeMode);
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let refItem = data[i]
|
||||||
|
if (data.length != 0 && refItem.dataArr != undefined && refItem.dataArr.length != 0) {
|
||||||
|
if (refItem.echartArr.includes('时间曲线图')) {
|
||||||
|
refItem.$refs.lineChartRef.drawLine(refItem.dataArr,refItem.componentName.split('_')[0],timeMode)
|
||||||
|
}
|
||||||
|
if (refItem.echartArr.includes('数值')) {
|
||||||
|
refItem.getDataArr(refItem.dataArr)
|
||||||
|
}
|
||||||
|
if (refItem.echartArr.includes('直方图') && refItem.$refs.barChartRef.drawBar) {
|
||||||
|
// 数据改变重新渲染柱状图
|
||||||
|
refItem.$refs.barChartRef.drawBar(refItem.dataArr[0])
|
||||||
|
}
|
||||||
|
if (refItem.echartArr.includes('饼状图') && refItem.$refs.pieChartRef.drawPie) {
|
||||||
|
// 数据改变重新渲染饼图
|
||||||
|
refItem.$refs.pieChartRef.drawPie(refItem.dataArr[0])
|
||||||
|
}
|
||||||
|
if (refItem.echartArr.includes('均值图') && refItem.$refs.avgChartRef != undefined) {
|
||||||
|
refItem.$refs.avgChartRef.drawBar(refItem.dataArr[0])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
mounted() { },
|
mounted() { },
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -243,102 +263,51 @@ export default {
|
||||||
handler(newVal, oldVal) { },
|
handler(newVal, oldVal) { },
|
||||||
immediate: true
|
immediate: true
|
||||||
},
|
},
|
||||||
componentList:{
|
componentList: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
console.log("componentList",newVal)
|
console.log("componentList", newVal)
|
||||||
|
|
||||||
if (newVal!= undefined&&newVal.length != 0 ) {
|
if (newVal != undefined && newVal.length != 0) {
|
||||||
newVal.forEach(ele => {
|
newVal.forEach(ele => {
|
||||||
if( ele.timeMode == '周期统计'){
|
if (ele.timeMode == '周期统计') {
|
||||||
var thatNN = this;
|
this.$nextTick(() => {
|
||||||
ele.cycleStatisticsData.forEach(item => {
|
// var thatNN = this;
|
||||||
if (item.type_data != null) {
|
ele.cycleStatisticsData.forEach(item => {
|
||||||
// 周期时刻的类型数据
|
if (item.type_data != null) {
|
||||||
thatNN.typeCycleStatistics = item;
|
this.typeCycleStatistics = item;
|
||||||
}
|
}
|
||||||
console.log("thatNN.$refs.typeChartRef2",thatNN.$refs.typeChartRef2)
|
})
|
||||||
// thatN.$nextTick(() => {
|
if (this.$refs.typeChartRef2 != undefined) {
|
||||||
if(thatNN.$refs.typeChartRef2!=undefined){
|
|
||||||
// // 轮循周期时刻生成的各类组件
|
// // 轮循周期时刻生成的各类组件
|
||||||
for (let i = 0; i < thatNN.$refs.typeChartRef2.length; i++) {
|
this.getRef(this.$refs.typeChartRef2,ele.timeMode)
|
||||||
let itemTypeChartRef2 = thatNN.$refs.typeChartRef2[i]
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (ele.timeMode == '周期时刻') {
|
||||||
|
this.$nextTick(()=>{
|
||||||
|
ele.cycleStatisticsData.forEach(item => {
|
||||||
|
if (item.type_data != null) {
|
||||||
|
this.typeCycleStatistics = item;
|
||||||
|
}
|
||||||
|
// thatN.$nextTick(() => {
|
||||||
|
|
||||||
if (itemTypeChartRef2.length!=0&&itemTypeChartRef2.dataArr!= undefined && itemTypeChartRef2.dataArr.length != 0) {
|
})
|
||||||
console.log("itemTypeChartRef2.echartArr",itemTypeChartRef2.echartArr)
|
if (this.$refs.typeChartRef1 != undefined) {
|
||||||
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
|
// // 轮循周期时刻生成的各类组件
|
||||||
thatNN.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(thatNN.$refs.typeChartRef2[i].dataArr, thatNN.$refs.typeChartRef2[i].componentName.split('_')[0],'周期统计')
|
this.getRef(this.$refs.typeChartRef1,ele.timeMode)
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef2.echartArr.includes('数值')) {
|
})
|
||||||
thatNN.$refs.typeChartRef2[i].getDataArr(thatNN.$refs.typeChartRef2[i].dataArr)
|
|
||||||
}
|
|
||||||
if (itemTypeChartRef2.echartArr.includes('直方图') &&itemTypeChartRef2.$refs.barChartRef.drawBar) {
|
|
||||||
// 数据改变重新渲染柱状图
|
|
||||||
itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
|
|
||||||
}
|
|
||||||
if (itemTypeChartRef2.echartArr.includes('饼状图') &&itemTypeChartRef2.$refs.pieChartRef.drawPie) {
|
|
||||||
// 数据改变重新渲染饼图
|
|
||||||
itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
|
|
||||||
}
|
|
||||||
if (itemTypeChartRef2.echartArr.includes('均值图') && itemTypeChartRef2.$refs.avgChartRef != undefined) {
|
|
||||||
itemTypeChartRef2.$refs.avgChartRef.drawBar(itemTypeChartRef2.dataArr[0])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// if ( ele.timeMode == '周期时刻') {
|
|
||||||
// var thatN = this;
|
|
||||||
// if (ele.cycleTimeData.length == 10) {
|
|
||||||
// ele.cycleTimeData.pop();
|
|
||||||
// } else {
|
|
||||||
// ele.cycleTimeData.forEach(item => {
|
|
||||||
// if (item.type_data != null) {
|
|
||||||
// // 周期时刻的类型数据
|
|
||||||
// thatN.typeCycleTimeData = item;
|
|
||||||
// }
|
|
||||||
// ele.cycleTimeData.unshift(item);
|
|
||||||
// // thatN.$nextTick(() => {
|
|
||||||
// if(thatN.$refs.typeChartRef1!=undefined){
|
|
||||||
// // console.log("thatN.$refs.typeChartRef1",thatN.$refs.typeChartRef1)
|
|
||||||
// // 轮循周期时刻生成的各类组件
|
|
||||||
// for (let i = 0; i < thatN.$refs.typeChartRef1.length; i++) {
|
|
||||||
// let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
|
|
||||||
// if (itemTypeChartRef1.length!=0&&itemTypeChartRef1.dataArr!= undefined && itemTypeChartRef1.dataArr.length != 0) {
|
|
||||||
|
|
||||||
// if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
|
|
||||||
// thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0],'周期时刻')
|
|
||||||
// }
|
|
||||||
// if (itemTypeChartRef1.echartArr.includes('数值')) {
|
|
||||||
// thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)
|
|
||||||
// }
|
|
||||||
|
|
||||||
// if (itemTypeChartRef1.echartArr.includes('直方图') &&itemTypeChartRef1.$refs.barChartRef.drawBar) {
|
|
||||||
// // 数据改变重新渲染柱状图
|
|
||||||
// itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
|
||||||
// }
|
|
||||||
// if (itemTypeChartRef1.echartArr.includes('饼状图') &&itemTypeChartRef1.$refs.pieChartRef.drawPie) {
|
|
||||||
// // 数据改变重新渲染饼图
|
|
||||||
// itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
|
|
||||||
// }
|
|
||||||
// if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {
|
|
||||||
// itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
}
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
immediate: true,
|
||||||
|
deep: true,
|
||||||
},
|
},
|
||||||
// activeName:'channge',
|
// activeName:'channge',
|
||||||
// 处理过的触发数据
|
// 处理过的触发数据
|
||||||
|
|
@ -364,30 +333,30 @@ export default {
|
||||||
}
|
}
|
||||||
ele.trigger.unshift(item);
|
ele.trigger.unshift(item);
|
||||||
_this.$nextTick(() => {
|
_this.$nextTick(() => {
|
||||||
if(_this.$refs.typeChartRef!=undefined){
|
if (_this.$refs.typeChartRef != undefined) {
|
||||||
for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {
|
for (let i = 0; i < _this.$refs.typeChartRef.length; i++) {
|
||||||
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
|
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
|
||||||
let itemTypeChart = _this.$refs.typeChartRef[i]
|
let itemTypeChart = _this.$refs.typeChartRef[i]
|
||||||
if (itemTypeChart.dataArr!= undefined && itemTypeChart.dataArr.length != 0) {
|
if (itemTypeChart.dataArr != undefined && itemTypeChart.dataArr.length != 0) {
|
||||||
if (itemTypeChart.echartArr.includes('时间曲线图')) {
|
if (itemTypeChart.echartArr.includes('时间曲线图')) {
|
||||||
_this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0],'触发')
|
_this.$refs.typeChartRef[i].$refs.lineChartRef.drawLine(_this.$refs.typeChartRef[i].dataArr, _this.$refs.typeChartRef[i].componentName.split('_')[0], '触发')
|
||||||
}
|
}
|
||||||
if (itemTypeChart.echartArr.includes('数值')) {
|
if (itemTypeChart.echartArr.includes('数值')) {
|
||||||
_this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)
|
_this.$refs.typeChartRef[i].getDataArr(_this.$refs.typeChartRef[i].dataArr)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (itemTypeChart.echartArr.includes('直方图') && itemTypeChart.componentName.split('_')[0]) {
|
if (itemTypeChart.echartArr.includes('直方图') && itemTypeChart.componentName.split('_')[0]) {
|
||||||
// 数据改变重新渲染柱状图
|
// 数据改变重新渲染柱状图
|
||||||
itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0])
|
itemTypeChart.$refs.barChartRef.drawBar(itemTypeChart.dataArr[0])
|
||||||
}
|
}
|
||||||
if (itemTypeChart.echartArr.includes('饼状图') && itemTypeChart.componentName.split('_')[0]) {
|
if (itemTypeChart.echartArr.includes('饼状图') && itemTypeChart.componentName.split('_')[0]) {
|
||||||
// 数据改变重新渲染饼图
|
// 数据改变重新渲染饼图
|
||||||
itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0])
|
itemTypeChart.$refs.pieChartRef.drawPie(itemTypeChart.dataArr[0])
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -404,14 +373,10 @@ export default {
|
||||||
// 监听到打印周期时刻数据
|
// 监听到打印周期时刻数据
|
||||||
console.log(newVal, '周期时刻数据');
|
console.log(newVal, '周期时刻数据');
|
||||||
|
|
||||||
if (newVal!= undefined&&newVal.length != 0 && this.sectionData) {
|
if (newVal != undefined && newVal.length != 0 && this.sectionData) {
|
||||||
var thatN = this;
|
var thatN = this;
|
||||||
thatN.classify.forEach((ele, index) => {
|
thatN.classify.forEach((ele, index) => {
|
||||||
// if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {
|
|
||||||
// ele.cycleTimeData = [];
|
|
||||||
// }else{
|
|
||||||
|
|
||||||
// }
|
|
||||||
newVal.forEach(item => {
|
newVal.forEach(item => {
|
||||||
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {
|
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期时刻') {
|
||||||
if (ele.cycleTimeData.length == 10) {
|
if (ele.cycleTimeData.length == 10) {
|
||||||
|
|
@ -432,7 +397,7 @@ export default {
|
||||||
if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
|
if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
|
||||||
|
|
||||||
if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
|
if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
|
||||||
thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0],'周期时刻')
|
thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(thatN.$refs.typeChartRef1[i].dataArr, thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef1.echartArr.includes('数值')) {
|
if (itemTypeChartRef1.echartArr.includes('数值')) {
|
||||||
thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)
|
thatN.$refs.typeChartRef1[i].getDataArr(thatN.$refs.typeChartRef1[i].dataArr)
|
||||||
|
|
@ -464,46 +429,42 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var _thatN = this
|
var _thatN = this
|
||||||
_thatN.classify.forEach((ele, index) => {
|
_thatN.classify.forEach((ele, index) => {
|
||||||
// if (ele.cycleTimeData == undefined && ele.timeMode == '周期时刻') {
|
|
||||||
// ele.cycleTimeData = [];
|
|
||||||
// }else{
|
|
||||||
|
|
||||||
// }
|
|
||||||
// newVal.forEach(item => {
|
// newVal.forEach(item => {
|
||||||
if (ele.timeMode == '周期时刻') {
|
if (ele.timeMode == '周期时刻') {
|
||||||
if (ele.cycleTimeData.length == 10) {
|
if (ele.cycleTimeData.length == 10) {
|
||||||
ele.cycleTimeData.pop();
|
ele.cycleTimeData.pop();
|
||||||
} else {
|
} else {
|
||||||
// item.time = item.time.split('.')[0];
|
// item.time = item.time.split('.')[0];
|
||||||
// if (item.type_data != null) {
|
// if (item.type_data != null) {
|
||||||
// // 周期时刻的类型数据
|
// // 周期时刻的类型数据
|
||||||
// _thatN.typeCycleTimeData = item;
|
// _thatN.typeCycleTimeData = item;
|
||||||
// }
|
// }
|
||||||
// ele.cycleTimeData.unshift(item);
|
// ele.cycleTimeData.unshift(item);
|
||||||
// _thatN.$nextTick(() => {
|
// _thatN.$nextTick(() => {
|
||||||
if(_thatN.$refs.typeChartRef1!=undefined){
|
if (_thatN.$refs.typeChartRef1 != undefined) {
|
||||||
// console.log("thatN.$refs.typeChartRef1",_thatN.$refs.typeChartRef1)
|
// console.log("thatN.$refs.typeChartRef1",_thatN.$refs.typeChartRef1)
|
||||||
// 轮循周期时刻生成的各类组件
|
// 轮循周期时刻生成的各类组件
|
||||||
for (let i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {
|
for (let i = 0; i < _thatN.$refs.typeChartRef1.length; i++) {
|
||||||
let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
|
let itemTypeChartRef1 = thatN.$refs.typeChartRef1[i]
|
||||||
if (itemTypeChartRef1.length!=0&&itemTypeChartRef1.dataArr!= undefined && itemTypeChartRef1.dataArr.length != 0) {
|
if (itemTypeChartRef1.length != 0 && itemTypeChartRef1.dataArr != undefined && itemTypeChartRef1.dataArr.length != 0) {
|
||||||
|
|
||||||
if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
|
if (itemTypeChartRef1.echartArr.includes('时间曲线图')) {
|
||||||
_thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0],'周期时刻')
|
_thatN.$refs.typeChartRef1[i].$refs.lineChartRef.drawLine(_thatN.$refs.typeChartRef1[i].dataArr, _thatN.$refs.typeChartRef1[i].componentName.split('_')[0], '周期时刻')
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef1.echartArr.includes('数值')) {
|
if (itemTypeChartRef1.echartArr.includes('数值')) {
|
||||||
_thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr)
|
_thatN.$refs.typeChartRef1[i].getDataArr(_thatN.$refs.typeChartRef1[i].dataArr)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (itemTypeChartRef1.echartArr.includes('直方图') &&itemTypeChartRef1.$refs.barChartRef.drawBar) {
|
if (itemTypeChartRef1.echartArr.includes('直方图') && itemTypeChartRef1.$refs.barChartRef.drawBar) {
|
||||||
// 数据改变重新渲染柱状图
|
// 数据改变重新渲染柱状图
|
||||||
itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
itemTypeChartRef1.$refs.barChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef1.echartArr.includes('饼状图') &&itemTypeChartRef1.$refs.pieChartRef.drawPie) {
|
if (itemTypeChartRef1.echartArr.includes('饼状图') && itemTypeChartRef1.$refs.pieChartRef.drawPie) {
|
||||||
// 数据改变重新渲染饼图
|
// 数据改变重新渲染饼图
|
||||||
itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
|
itemTypeChartRef1.$refs.pieChartRef.drawPie(itemTypeChartRef1.dataArr[0])
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {
|
if (itemTypeChartRef1.echartArr.includes('均值图') && itemTypeChartRef1.$refs.avgChartRef != undefined) {
|
||||||
itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
itemTypeChartRef1.$refs.avgChartRef.drawBar(itemTypeChartRef1.dataArr[0])
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
|
if (itemTypeChartRef1.componentName.includes('OD') && itemTypeChartRef1.$refs.ODChartRef != undefined && itemTypeChartRef1.dataArr[0].ob_data.length != 0) {
|
||||||
|
|
@ -525,15 +486,10 @@ export default {
|
||||||
//周期统计
|
//周期统计
|
||||||
cycleStatisticsData: {
|
cycleStatisticsData: {
|
||||||
handler(newVal) {
|
handler(newVal) {
|
||||||
console.log("newVal",newVal)
|
// console.log("newVal", newVal)
|
||||||
if (newVal!= undefined&& newVal.length != 0 && this.sectionData) {
|
if (newVal != undefined && newVal.length != 0 && this.sectionData) {
|
||||||
var that = this;
|
var that = this;
|
||||||
that.classify.forEach((ele, index) => {
|
that.classify.forEach((ele, index) => {
|
||||||
// if (ele.cycleStatisticsData == undefined && ele.timeMode == '周期统计') {
|
|
||||||
// ele.cycleStatisticsData = [];
|
|
||||||
// }else{
|
|
||||||
// // ele.cycleStatisticsData =
|
|
||||||
// }
|
|
||||||
newVal.forEach(item => {
|
newVal.forEach(item => {
|
||||||
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {
|
if (ele.analogAreaComponentId == item.component_id && ele.timeMode == '周期统计') {
|
||||||
if (ele.cycleStatisticsData.length == 10) {
|
if (ele.cycleStatisticsData.length == 10) {
|
||||||
|
|
@ -545,14 +501,14 @@ export default {
|
||||||
that.typeCycleStatistics = item;
|
that.typeCycleStatistics = item;
|
||||||
}
|
}
|
||||||
ele.cycleStatisticsData.unshift(item);
|
ele.cycleStatisticsData.unshift(item);
|
||||||
if(that.$refs.typeChartRef2!=undefined){
|
if (that.$refs.typeChartRef2 != undefined) {
|
||||||
console.log(that.$refs.typeChartRef2, '触发接收的表格数据');
|
console.log(that.$refs.typeChartRef2, '触发接收的表格数据');
|
||||||
for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {
|
for (let i = 0; i < that.$refs.typeChartRef2.length; i++) {
|
||||||
let itemTypeChartRef2 = that.$refs.typeChartRef2[i];
|
let itemTypeChartRef2 = that.$refs.typeChartRef2[i];
|
||||||
|
|
||||||
if (itemTypeChartRef2.length!=0&&itemTypeChartRef2.dataArr!= undefined && itemTypeChartRef2.dataArr.length != 0) {
|
if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
|
||||||
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
|
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
|
||||||
that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef2[i].dataArr, that.$refs.typeChartRef2[i].componentName.split('_')[0],'周期统计')
|
that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(that.$refs.typeChartRef2[i].dataArr, that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef2.echartArr.includes('数值')) {
|
if (itemTypeChartRef2.echartArr.includes('数值')) {
|
||||||
that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr)
|
that.$refs.typeChartRef2[i].getDataArr(that.$refs.typeChartRef2[i].dataArr)
|
||||||
|
|
@ -588,37 +544,37 @@ export default {
|
||||||
|
|
||||||
var _that = this
|
var _that = this
|
||||||
_that.classify.forEach(ele => {
|
_that.classify.forEach(ele => {
|
||||||
if ( ele.timeMode == '周期统计') {
|
if (ele.timeMode == '周期统计') {
|
||||||
if (ele.cycleStatisticsData.length == 10) {
|
if (ele.cycleStatisticsData.length == 10) {
|
||||||
ele.cycleStatisticsData.pop();
|
ele.cycleStatisticsData.pop();
|
||||||
} else {
|
} else {
|
||||||
// item.time = item.time.split('.')[0];
|
// item.time = item.time.split('.')[0];
|
||||||
// if (item.type_data != null) {
|
// if (item.type_data != null) {
|
||||||
// _that.typeCycleStatistics = item;
|
// _that.typeCycleStatistics = item;
|
||||||
// }
|
// }
|
||||||
// ele.cycleStatisticsData.unshift(item);
|
// ele.cycleStatisticsData.unshift(item);
|
||||||
if(_that.$refs.typeChartRef2!=undefined){
|
if (_that.$refs.typeChartRef2 != undefined) {
|
||||||
for (let i = 0; i < _that.$refs.typeChartRef2.length; i++) {
|
for (let i = 0; i < _that.$refs.typeChartRef2.length; i++) {
|
||||||
let itemTypeChartRef2 = _that.$refs.typeChartRef2[i];
|
let itemTypeChartRef2 = _that.$refs.typeChartRef2[i];
|
||||||
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
|
// console.log(_this.$refs.typeChartRef[i], '触发接收的表格数据');
|
||||||
if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
|
if (itemTypeChartRef2.length != 0 && itemTypeChartRef2.dataArr != undefined && itemTypeChartRef2.dataArr.length != 0) {
|
||||||
// this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
|
// this.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(this.$refs.typeChartRef2[i].dataArr, _this.$refs.typeChartRe2f[i].componentName.split('_')[0])
|
||||||
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
|
if (itemTypeChartRef2.echartArr.includes('时间曲线图')) {
|
||||||
_that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0],'周期统计')
|
_that.$refs.typeChartRef2[i].$refs.lineChartRef.drawLine(_that.$refs.typeChartRef2[i].dataArr, _that.$refs.typeChartRef2[i].componentName.split('_')[0], '周期统计')
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef2.echartArr.includes('数值')) {
|
if (itemTypeChartRef2.echartArr.includes('数值')) {
|
||||||
_that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr)
|
_that.$refs.typeChartRef2[i].getDataArr(_that.$refs.typeChartRef2[i].dataArr)
|
||||||
}
|
}
|
||||||
// console.log(item,'组件数据');
|
// console.log(item,'组件数据');
|
||||||
if (itemTypeChartRef2.echartArr.includes('直方图')&&itemTypeChartRef2.$refs.barChartRef.drawBar) {
|
if (itemTypeChartRef2.echartArr.includes('直方图') && itemTypeChartRef2.$refs.barChartRef.drawBar) {
|
||||||
// 数据改变重新渲染柱状图
|
// 数据改变重新渲染柱状图
|
||||||
// console.log(item, '组件');
|
// console.log(item, '组件');
|
||||||
itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
|
itemTypeChartRef2.$refs.barChartRef.drawBar(itemTypeChartRef2.dataArr[0])
|
||||||
}
|
}
|
||||||
if (itemTypeChartRef2.echartArr.includes('饼状图')&&itemTypeChartRef2.$refs.pieChartRef.drawPie) {
|
if (itemTypeChartRef2.echartArr.includes('饼状图') && itemTypeChartRef2.$refs.pieChartRef.drawPie) {
|
||||||
// 数据改变重新渲染饼图
|
// 数据改变重新渲染饼图
|
||||||
itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
|
itemTypeChartRef2.$refs.pieChartRef.drawPie(itemTypeChartRef2.dataArr[0])
|
||||||
}
|
}
|
||||||
|
|
||||||
// if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {
|
// if (item.echartArr.includes('均值图') && item.$refs.avgChartRef != undefined && item.dataArr.length != 0) {
|
||||||
// item.$refs.avgChartRef.drawBar(item.dataArr[0])
|
// item.$refs.avgChartRef.drawBar(item.dataArr[0])
|
||||||
|
|
@ -636,7 +592,8 @@ export default {
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
immediate: true
|
||||||
}
|
}
|
||||||
// activeName: {
|
// activeName: {
|
||||||
// handler(newVal) {
|
// handler(newVal) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue