db接口参数更新，实时运行接口联调

src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue

@@ -11,8 +11,9 @@
 <style scoped lang="scss"></style>
 <script>
 import * as echarts from 'echarts'
-require('echarts/theme/macarons') // echarts theme
 import resize from '@/mixins/ems/resize'
+import {formatDate} from "@/filters/ems";
+import {batteryAveTemp} from '@/api/ems/dzjk'
 
 export default {
   mixins: [resize],
@@ -22,9 +23,7 @@ export default {
     }
   },
   mounted() {
-    this.$nextTick(() => {
-      this.initChart()
-    })
+    this.chart = echarts.init(document.querySelector('#dcpjwdChart'))
   },
   beforeDestroy() {
     if (!this.chart) {
@@ -34,44 +33,63 @@ export default {
     this.chart = null
   },
   methods: {
-    initChart() {
-      this.chart = echarts.init(document.querySelector('#dcpjwdChart'))
-      this.setOptions()
+    init(siteId){
+      this.chart.showLoading()
+      const x = []
+      const data1 =[],data2 =[]
+      batteryAveTemp(siteId).then(response => {
+        const source = response?.data?.batteryAveTempList || []
+        source.forEach(item=>{
+          x.push(formatDate(item.createDate,false,true))
+          data1.push(item.batteryTemp)
+        })
+        this.setOption(x,data1,data2)
+      }).finally(()=>{
+        this.chart.hideLoading()
+      })
     },
-    setOptions() {
-
+    setOption(x,data) {
       this.chart.setOption({
-        color:['#FFBD00','#3C81FF'],
-        legend: {
-          left: 'center',
-          bottom: '10',
-        },
+        color:['#3C81FF'],
+        // legend: {
+        //   left: 'center',
+        //   bottom: '10',
+        // },
         tooltip: {
           trigger: 'axis',
           axisPointer: { // 坐标轴指示器，坐标轴触发有效
             type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
           }
         },
+        grid: {
+          left: "15%"
+        },
         textStyle:{
           color:"#333333",
         },
-        xAxis: {
-          data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
-        },
+        xAxis: {type:'category',data:x},
         yAxis: {
           type: 'value',
         },
-        // POC昨日有功功率、POC昨日无功功率
+        dataZoom: [
+          {
+            type: 'inside',
+            start: 0,
+            end: 10
+          },
+          {
+            start: 0,
+            end: 10
+          }
+        ],
         series: [
           {
-            name:'昨日同时段温度',
-            data: [80,92,1,34,90,130,320,80,9,91,34,90],
-            type: 'line',
-
-          },{
-            name:'实时温度',
-            data: [820,932,901,934,1290,1330,1320,820,932,901,934,1290],
+            name:'电池平均温度',
+            data: data,
             type: 'line',
+            areaStyle: {
+              color:'#3C81FF'
+            },
           }]
       })
     }