From e2617bb02680f0755824cab9235f142b3e1ac708 Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期一, 12 四月 2021 09:59:55 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue | 112 +++++++++++++++-----------------------------------------
1 files changed, 30 insertions(+), 82 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
index 0d40bc9..8e0f659 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
@@ -64,6 +64,7 @@
<script>
import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'
+// import dayjs from 'dayjs'
export default {
name: 'ECharts',
@@ -82,25 +83,10 @@
user: '',
region: ''
},
- source: {
-
- }
+ info: this.series
}
},
methods: {
- datalistBtn (value) {
- // var inputSelect = document.getElementById('#ipt').value
- // var optionlength = document.getElementsByTagName('option').length
- // var optionId = ''
- // for (var i = 0; i < optionlength; i++) {
- // // var optionValue = $('option').eq(i).attr('data-value')
- // if (inputSelect == optionValue) {
- // optionId = $('option').eq(i).attr('data-id')
- // }
- // }
- console.log(1)
- // this.value = value
- },
onSubmit () {
console.log('submit!')
},
@@ -117,12 +103,12 @@
this.myChart.resize()
}
},
- initOptions: function (dataDate, dataValue1, dataValue2, dataValue3) {
+ initOptions: function (dateDate, series) {
var options = {
title: {
// text: '鎶樼嚎鍥惧爢鍙�'
},
- color: ['#5470c6', '#91CC75', '#EE6666', '#FF0087'],
+ color: ['#446cdc', '#c4c916', '#c1187e'],
tooltip: {
trigger: 'axis',
axisPointer: {
@@ -170,7 +156,6 @@
start: 0,
end: 100,
show: false,
- // handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '80%',
handleStyle: {
color: '#fff',
@@ -183,8 +168,8 @@
// x杞寸殑璁剧疆
xAxis: {
type: 'category',
- boundaryGap: ['10%', '10%'],
- data: dataDate,
+ boundaryGap: false,
+ data: dateDate,
axisLabel: { // x杞村叏閮ㄦ樉绀�
rotate: 20,
interval: 0,
@@ -256,29 +241,7 @@
}
}
}],
- series: [
- {
- name: 'COD',
- type: 'line',
- stack: '鎬婚噺',
- data: dataValue1,
- yAxisIndex: 0
- },
- {
- name: '姘ㄦ爱',
- type: 'line',
- stack: '鎬婚噺',
- data: dataValue2,
- yAxisIndex: 0
- },
- {
- name: '搴熸按娴侀噺',
- type: 'line',
- stack: '鎬婚噺',
- data: dataValue3,
- yAxisIndex: 1
- }
- ]
+ series: series
}
return options
}
@@ -286,50 +249,35 @@
mounted () {
this.$nextTick(() => {
this.drawChart()
- const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getQueryOnlineMonData)).reverse()
+ const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getQueryOnlineMonDateData)).reverse()
console.log(dataWatch)
- var dataValue1 = []
- var dataValue2 = []
- var dataValue3 = []
- var dataDate = []
- for (var i = 0; i < 24; i++) {
- dataDate.push(dataWatch[i].MonTimeStr.substring(0, 8))
- }
+ var dateDate = []
+ // {COD:[3,4,5]}
+ var data = {}
for (var n = 0; n < dataWatch.length; n++) {
- if (dataWatch[n].PoltmtrlName === 'COD') {
- dataValue1.push(dataWatch[n].MonQty)
- } else if (dataWatch[n].PoltmtrlName === '姘ㄦ爱') {
- dataValue2.push(dataWatch[n].MonQty)
- } else if (dataWatch[n].PoltmtrlName === '搴熸按娴侀噺') {
- dataValue3.push(dataWatch[n].MonQty)
+ var d = dataWatch[n].MonTimeStr.substring(5, 9)
+ if (dateDate.indexOf(d) < 0) {
+ dateDate.push(d)
+ }
+ if (data[dataWatch[n].PoltmtrlName]) {
+ data[dataWatch[n].PoltmtrlName].push(dataWatch[n].MonQty)
+ } else {
+ data[dataWatch[n].PoltmtrlName] = [dataWatch[n].MonQty]
}
}
- const opitons = this.initOptions(dataDate, dataValue1, dataValue2, dataValue3)
- this.myChart = this.$echarts.init(this.$refs.main)
- this.myChart.setOption(opitons)
- })
- },
- // 鍦板浘鍒囨崲
- updateBasemapList () {
- this.basemapList = this.basemapHelper.getBasemapList()
- console.log(this.basemapList)
- },
- changeBasemap (itm) {
- const code = itm.code
- this.basemapList.forEach((item) => {
- if (item.code === code) {
- console.log(this.currentBaseMapCode)
- if (this.currentBaseMapCode == null || this.currentBaseMapCode !== code) {
- this.currentBaseMapCode = code
- this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, true)
- } else {
- this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, false)
- }
-
- this.basemapHelper.getBasemapList().forEach((item) => {
- item.layer.bringToBack()
+ var series = []
+ for (var k in data) {
+ series.push({
+ name: k,
+ type: 'line',
+ yAxisIndex: k === '搴熸按娴侀噺' ? 1 : 0,
+ data: data[k]
})
}
+ console.log(series)
+ const opitons = this.initOptions(dateDate, series)
+ this.myChart = this.$echarts.init(this.$refs.main)
+ this.myChart.setOption(opitons)
})
}
}
--
Gitblit v1.8.0