zhangzengfei
2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09
src/pages/shuohuangMonitorAnalyze/components/charts/line.vue
@@ -1,5 +1,5 @@
<template>
  <div ref="lineChart" :style="{width:defineW+'px',height:defineH+'px'}"></div>
  <div ref="lineChart" style="width:100%;height:100%"></div>
</template>
<script>
@@ -7,24 +7,16 @@
  props: {
    options: {
      type: Object
    },
    defineW: {
      type: Number,
      default: 600,
    },
    defineH: {
      type: Number,
      default: 300,
    }
  },
  mounted () {
  mounted() {
    this.initLineChart();
  },
  methods: {
    initLineChart () {
    initLineChart() {
      this.$nextTick(() => {
        let dom = this.$echarts.init(this.$refs['lineChart']);
        dom.setOption(this.options);
        dom && dom.setOption(this.options);
      })
    }
  }