echarts修改

chenzeping

2021-04-07 ec83628864de98f4a186b9b424b0b00c475f03a0

echarts修改

 src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue

@@ -21,7 +21,7 @@
          </div>
        </el-dialog>
      </div>
      <div style="width:100%;height:1.2rem;margin-top:-0.3rem;position:absolute;" id="echarts" ref="main">
      <div style="width:100%;height:1rem;margin-top:-0.1rem;position:absolute;" id="echarts" ref="main">
      </div>
    </div>
  </div>
@@ -202,39 +202,26 @@
    drawChart: function () {
      const myChart = this.$echarts.init(this.$refs.main)
      myChart.setOption(this.options)
      window.onresize = function () {
        var h1 = document.documentElement.clientHeight// 获取屏幕的高度
        if (h1 > 700) {
          myChart.getDom().style.height = 3 + 'rem'
          myChart.getDom().style.width = 6 + 'rem'
        } else {
          myChart.getDom().style.height = 3 + 'rem'
          myChart.getDom().style.width = 6 + 'rem'
        }
        myChart.resize()
      }
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.drawChart()
      const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getWasteWaterMonitoring))
      console.log(dataWatch)
      // console.log(dataWatch)
      for (var i = 0; i < dataWatch.length; i++) {
        this.dataDate.push(dataWatch[i].MonTimeStr.substring(10, 17))
      }
      console.log(this.dataDate)
      // console.log(this.dataDate)
    })
  }
}
</script>

<style scoped lang="less">
#Tab {
  height: 3rem;
}
.Infomation {
  margin-left: 10px;
  height: 0.2rem;
}

.el-tag {
@@ -250,7 +237,7 @@

.form-echrts {
  width: 100%;
  height: 100%;
  height: 1rem;
  border-top: 1px solid #396d83;
  //margin: 10px 10px 10px 10px;
  .el-dialog-div {
@@ -262,7 +249,7 @@
  #echarts {
    margin: 0;
    padding: 0;
    height: 3rem;
    //height: 3rem;
    //border: 1px solid #396d83;
    //margin: 10px 10px 10px 10px;
  }

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -107,7 +107,7 @@
      this.setWasteWaterdata = dataWater
      // console.log(data)
      this.getWasteWaterMonitoring = drawData
      console.log(drawData)
      // console.log(drawData)
      this.getWasteWaterMonitoringDetails = dataDetail
      this.displayContentTitle = dataWater.Name
      this.flag = true