From 17de93255772734b15cce7a0c680a40d2ec5878c Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期五, 09 四月 2021 09:43:43 +0800 Subject: [PATCH] echarts日数据折线图实现 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 19 ++++++++++--------- 1 files changed, 10 insertions(+), 9 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index f760f7e..4c186ce 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -13,8 +13,9 @@ :displayContentTable="displayContentTable"></public-table> <public-chart v-else :getWasteGasDetails="getWasteGasDetails" :value="value" - :getWasteWaterMonitoring="getWasteWaterMonitoring" - :getWasteWaterMonitoringDetails="getWasteWaterMonitoringDetails"></public-chart> + :getQueryOnlineMonData="getQueryOnlineMonData" + :getWasteWaterMonitoringDetails="getWasteWaterMonitoringDetails"> + </public-chart> </div> </div> <div class="public-bounced-content-right"> @@ -51,7 +52,7 @@ value: '', getWasteGasDetails: [], getWasteWaterMonitoringDetails: [], - getWasteWaterMonitoring: [] + getQueryOnlineMonData: [] } }, methods: { @@ -77,10 +78,10 @@ this.flag = true this.value = value }, - setWaterData (dataWater, dataDetail, drawData, value) { + setWaterData (dataWater, dataDetail, hourData, value) { this.setWasteWaterdata = dataWater // console.log(data) - this.getWasteWaterMonitoring = drawData + this.getQueryOnlineMonData = hourData // console.log(drawData) this.getWasteWaterMonitoringDetails = dataDetail this.displayContentTitle = dataWater.Name @@ -93,7 +94,7 @@ <style lang="less" scoped> .public-bounced { - width: 10rem; + width: 8rem; //height: 2.6rem; //width: 70vw; //height: 30vh; @@ -101,8 +102,8 @@ position: absolute; //bottom: 2rem; //left: 5rem; - top: 5%; - left: 5%; + top: 15%; + left: 15%; background-color: #002432; border: 1px #9fc5c8 solid; @@ -135,7 +136,7 @@ justify-content: space-around; .public-bounced-content-left { - width: 6.8rem; + width: 4.8rem; } .public-bounced-content-right { -- Gitblit v1.8.0