From 829f5116884f98643ffc5b2a548a600d40c0cedb Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 14 四月 2025 23:09:32 +0800
Subject: [PATCH] 处理图片显示问题
---
src/views/smoke/realTime/components/tenMinData.vue | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 103 insertions(+), 3 deletions(-)
diff --git a/src/views/smoke/realTime/components/tenMinData.vue b/src/views/smoke/realTime/components/tenMinData.vue
index 17bcab3..5ea24df 100644
--- a/src/views/smoke/realTime/components/tenMinData.vue
+++ b/src/views/smoke/realTime/components/tenMinData.vue
@@ -1,13 +1,113 @@
<template>
-
+ <div id="mychart" class="echart-foot"></div>
</template>
<script>
+import * as echarts from "echarts";
+import statisticsApi from "@/api/smoke/statistics";
export default {
+ data() {
+ return {
+ echarts: null,
+ }
+ },
+ created() {
+ this.getData();
+ },
+ methods: {
+ getData() {
+ let param = {
+ field: "tenMinData",
+ localeId: this.inTimeData.Lid
+ }
+ statisticsApi.getDocument(param).then(jsonStr => {
+ const res = JSON.parse(jsonStr)
+ let list = res.Data
+
+ let myecharts = echarts.init(document.getElementById("mychart"));
+
+ let times = this.getTimer('2020-01-01 00:00:00', 10, 144);
+ let data1 = [] // 娌圭儫娴撳害
+ let data2 = [] // 棰楃矑鐗╂祿搴�
+ let data3 = [] // 闈炵敳鐑锋�荤儍娴撳害
+ times.forEach((o, index) => {
+ if (list[index]) {
+ data1.push(list[index].emissions_conc);
+ data2.push(list[index].granule_conc);
+ data3.push(list[index].hydrocarbon_conc);
+ }
+ else {
+ data1.push(0);
+ data2.push(0);
+ data3.push(0);
+
+ }
+ });
+ // 缁樺埗鍥捐〃
+ myecharts.setOption({
+ title: {
+ text: '骞冲潎娴撳害mg/m鲁'
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ legend: {
+ data: ['娌圭儫娴撳害', '棰楃矑鐗╂祿搴�', '闈炵敳鐑锋�荤儍娴撳害']
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: times
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ name: '娌圭儫娴撳害',
+ data: data1,
+ stack: 'Total',
+ type: "line",
+ },
+ {
+ name: '棰楃矑鐗╂祿搴�',
+ data: data2, stack: 'Total',
+ type: "line"
+ },
+ {
+ name: '闈炵敳鐑锋�荤儍娴撳害', stack: 'Total',
+ data: data3,
+ type: "line"
+ },
+ ],
+ });
+
+ })
+
+ },
+
+ getTimer(start, Timer, length) {
+ var lists = [];
+ var count = 0; //鍒濆鍊间负0
+ for (let j = 0; j < length; j++) {
+ count += 1;
+ var seconds = Date.parse(start); //鏍囧噯鏃堕棿杞绉掓暟
+ var totals = j * Timer * 60 * 1000 + seconds; //鍥哄畾鏃堕棿闂撮殧+寮�濮嬫椂闂寸殑鎬绘绉掓暟
+ var res = new Date(totals).toString().split(' ')[4];//姣鏁拌浆瀛楃涓诧紝鎴彇锛屽彇鍊�
+
+ lists.push(res)
+ }
+ return lists;
+ }
+
+ },
+ props: ['inTimeData']
}
</script>
-
<style>
-
+.echart-foot {
+ height: 400px;
+ width: 100%;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0