vue中echarts图表大小适应窗口大小且不需要刷新

2019-05-14 本文已影响0人哒哒哒哒da

HTMl

<div id="myChart" class="coin-chart"></div>

CSS

  .coin-chart{
    width: 100%;
    height: 100%;
  }

JS

  mounted() {
      //  根据窗口大小调整曲线大小
    window.onresize = () => {
      // 基于准备好的dom，初始化echarts实例
      let myChart = this.$echarts.init(document.getElementById('myChart'));
      myChart.resize();
    };
  },

过程简单粗暴...