美文网首页
vue中echarts图表大小适应窗口大小且不需要刷新

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

作者: 哒哒哒哒da | 来源:发表于2019-05-14 15:11 被阅读0次
    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();
        };
      },
    

    过程简单粗暴...

    相关文章

      网友评论

          本文标题:vue中echarts图表大小适应窗口大小且不需要刷新

          本文链接:https://www.haomeiwen.com/subject/kzisaqtx.html