From 4e15972e4db30f68e4ea74759fd04f00e6e44be2 Mon Sep 17 00:00:00 2001 From: yichenxi <yichenxi0601@163.com> Date: Tue, 13 Dec 2022 11:21:23 +0800 Subject: [PATCH] 1、尘负荷走航路段报告 --- src/views/charts/index.vue | 45 ++++++++++++++++++++++++--------------------- 1 files changed, 24 insertions(+), 21 deletions(-) diff --git a/src/views/charts/index.vue b/src/views/charts/index.vue index 4f4a0b9..0b9aa32 100644 --- a/src/views/charts/index.vue +++ b/src/views/charts/index.vue @@ -1,5 +1,5 @@ <template> - <div style="width: 100%;height:100%"> + <div style="width: 100%; height: 100%"> <div class="topSelect"> <!-- <el-cascader v-model="newMac" :options="options" clearable change-on-select :props="{ checkStrictly: true }" placeholder="������������" /> --> <el-cascader @@ -18,8 +18,8 @@ style="margin-left: 20px" > <el-option - v-for="item in newSensor" - :key="item.value" + v-for="(item, index) in newSensor" + :key="index" :label="item.label" :value="item.value" /> @@ -65,7 +65,7 @@ // ���������������������������������������������������������js������������������js���json������������������������������ // ���������import������������������from'������������������'; -import LineChart from '@/components/Echarts/LineChart' +import LineChart from '@/components/Echarts/LineChart2' import DatePicker from '@/components/Form/DatePicker' import MouthPicker from '@/components/Form/MouthPicker' import HourPicker from '@/components/Form/HourPicker' @@ -168,7 +168,6 @@ } // ������������������������������������������ this.getSensor() - console.log(this.newMac1) }, // ������dataType��������������� select1(nv, ov) { @@ -267,13 +266,23 @@ }) .then((res) => { // console.log('������������������������������') - console.log(res) const data = res.data let lockLength = 0 for (let i = 0; i < data.length; i++) { for (let j = 0; j < data[i].deviceData.length; j++) { - if(res.data[0].deviceData.length==1){ - if (lockLength < data[i].deviceData.length) { + if (res.data[0].deviceData.length === 1) { + if (lockLength < data[i].deviceData.length) { + newLineChartData.series.push({ + data: [], + name: '', + type: 'line', + label: { + show: true, + position: 'top', + }, + }) + } + } else if (lockLength < data[i].deviceData.length) { newLineChartData.series.push({ data: [], name: '', @@ -283,33 +292,27 @@ position: 'top', }, }) - } - } - else if (lockLength < data[i].deviceData.length) { + } else { newLineChartData.series.push({ data: [], name: '', type: 'line', - label: { - show: false, - position: 'top', - }, }) - newLineChartData.series[j].name = data[i].deviceData[j].name - newLineChartData.title.push(data[i].deviceData[j].name) } - lockLength++ + newLineChartData.series[j].name = data[i].deviceData[j].name + newLineChartData.title.push(data[i].deviceData[j].name) newLineChartData.series[j].data.push( data[i].deviceData[j].sensorValue ) + + + } - - newLineChartData.xAxis.push(data[i].time) } // newLineChartData.title = this.value this.lineChartData = newLineChartData - // console.log(newLineChartData, 'newLineChartData') + console.log(lineChartData, 'newLineChartData') }) .catch((err) => { console.log(err) -- Gitblit v1.8.0