派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-04-07 6828419a10a46682d89e124057ef4e0c15d69d6a
src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
@@ -16,12 +16,12 @@
                        center
                        v-dialogDrag
            >
              <div class="el-dialog-div">
          <div class="el-dialog-div" style="height: 500px">
                <public-detailed-list v-bind="$attrs"></public-detailed-list>
              </div>
            </el-dialog>
        </div>
        <div style="width:750px;height:260px;" id="echarts" ref="main">
      <div style="width:100%;height:1.2rem;margin-top:-0.3rem;position:absolute;" id="echarts" ref="main">
        </div>
      </div>
    </div>
@@ -29,6 +29,7 @@
<script>
import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList'
export default {
  name: 'ECharts',
  components: {
@@ -201,9 +202,21 @@
    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)
@@ -211,11 +224,15 @@
      this.dataDate.push(dataWatch[i].MonTimeStr.substring(10, 17))
    }
    console.log(this.dataDate)
    })
  }
}
</script>
<style scoped lang="less">
#Tab {
  height: 3rem;
}
    .Infomation {
        margin-left: 10px;
    }
@@ -230,6 +247,7 @@
        border: none;
        padding: 0 15px;
    }
    .form-echrts{
      width: 100%;
      height: 100%;
@@ -240,9 +258,11 @@
        overflow: auto;
        //overflow: hidden;
      }
      #echarts {
        margin: 0;
        padding: 0;
    height: 3rem;
        //border: 1px solid #396d83;
        //margin: 10px 10px 10px 10px;
    }