修改图表问题

zhangshuaibao

2021-04-15 d0391dba3708d3f32bcd94e1881d1b598a0d9ef0

 src/components/BaseNav/PublicBounced/common/echarts/EChartsHourWasteWater.vue

@@ -27,22 +27,11 @@
                      </span>
                    </div>
                </div>
<!--                <div>-->
<!--                    采样点数:-->
<!--                    <el-select v-model="formInline.region">-->
<!--                        <el-option label="0" value="0"></el-option>-->
<!--                        <el-option label="25" value="25"></el-option>-->
<!--                        <el-option label="50" value="50"></el-option>-->
<!--                        <el-option label="75" value="75"></el-option>-->
<!--                        <el-option label="100" value="100"></el-option>-->
<!--                    </el-select>-->
<!--                </div>-->
                <div class="detailbtn"  @click="onSubmit">查询</div>
                <div class="detailbtn" @click="dialogVisible = true" >明细表</div>
             </div>
            <div class="boxChart">
                <div style="width: 5rem;height:1.5rem;" id="popChart" ref="main">
                </div>
                <div style="width: 5rem;height:1.5rem;" id="echarts" ref="main"></div>
            </div>
        </div>
        <!-- 明细弹框 -->
@@ -53,7 +42,7 @@
                   center
                   v-dialogDrag
        >
            <div class="el-dialog-div" style="height: 260px">
            <div class="el-dialog-div" style="height: 500px">
                <public-detailed-list v-bind="$attrs"></public-detailed-list>
            </div>
        </el-dialog>
@@ -62,6 +51,7 @@

<script>
import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList'
// import dayjs from 'dayjs'

export default {
  name: 'ECharts',
@@ -70,16 +60,14 @@
  },
  data () {
    return {
      value1: '',
      value2: '',
      watchData: [],
      dialogVisible: false,
      myChar: null,
      value: '',
      formInline: {
        region: '',
        timeStart: '2021-04-12 17:00:00',
        timeEnd: '2021-04-13 16:00:00'
        timeStart: '2021-04-12 10:00:00',
        timeEnd: '2021-04-13 09:00:00'
      },
      myChart: null,
      JsonHourWater: {
@@ -138,6 +126,12 @@
  },
  mounted () {
    this.onSubmit()
    // this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss')
    // this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss')
    // this.onSubmit()
  },
  updated () {
    this.onSubmit()
  },
  methods: {
    onSubmit () {
@@ -157,9 +151,9 @@
      this.myChart.clear()
      var dataUnit = ''
      if (datatype === 1) {
        dataUnit = '流量(m³/d)'
        dataUnit = '废水流量(m³/d)'
      } else {
        dataUnit = '流量(m³/h)'
        dataUnit = '废水流量(m³/h)'
      }

      var serLists = []
@@ -290,12 +284,12 @@
            var seriesName = params[i].seriesName
            // 值
            var value = params[i].value
            var valueFliter
            if (value === 'NaN') {
              valueFliter = ''
            } else {
              // valueFliter = formatter(value)
            }
            // var valueFliter
            // if (value === 'NaN') {
            //   valueFliter = ''
            // } else {
            //   // valueFliter = formatter(value)
            // }
            var maker = params[i].marker
            if (seriesName === 'COD') {
              maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>'
@@ -308,7 +302,7 @@
            } else {
              maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#9ACD32;"></span>'
            }
            s += maker + seriesName + ':' + valueFliter + '<br />'
            s += maker + seriesName + ':' + value + '<br />'
          }
          return s
        }
@@ -322,7 +316,8 @@
      grid: { // 网格
        top: '20%',
        left: '7%',
        bottom: '10%'
        bottom: '10%',
        right: '5%'
      },
      legend: {
        data: legend,
@@ -683,9 +678,7 @@
        }
    }
    .el-dialog-div {
        //height: 50vh!important;
        overflow: auto;
        //overflow: hidden;
    }

    #echarts {