派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-04-15 e5f105b1acb3c63df8aac97ce1c67ad070c0de2d
src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue
@@ -36,9 +36,7 @@
        </div>
        <div class="detailbtn"  @click="onSubmit">查询</div>
      </div>
      <div style="width:5rem;height:1.5rem;" >
        <div  style="width:100%;height:100%;" ref="echarts">  </div>
      </div>
        <div  style="width:5rem;height:1.5rem;" ref="echarts"> </div>
      </div>
    </div>
</template>
@@ -561,15 +559,17 @@
      step: ''
    }
  },
  updated () {
    this.DrawEXHRealTimeDateChart()
  },
  mounted () {
    this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
    this.formInline.timeStart = dayjs().subtract(1, 'minute').format('YYYY-MM-DD HH:mm:ss')
    this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname)
    // this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.JSONTimeData.BBZMAPPING)
  },
  methods: {
    onSubmit () {
      this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname)
      this.DrawEXHRealTimeDateChart()
    },
    /**
     * RTDB 格式转换
@@ -591,7 +591,12 @@
    //   return dataArray
    // },
    // 1.坐标轴实现,画实时数据
    DrawEXHRealTimeDateChart (id, title, legend, ydatas, yname) {
    DrawEXHRealTimeDateChart () {
      // var id = this.JsonTimeCtarts.id
      // var title = this.JsonTimeCtarts.title
      var legend = this.JsonTimeCtarts.legend
      var ydatas = this.JsonTimeCtarts.ydatas
      var yname = this.JsonTimeCtarts.yname
      this.RealTimeChart = this.$echarts.init(this.$refs.echarts)
      // this.myChart.clear()
      var serLists = []