echarts图表跟随窗口大小变化

Posted 小梁子吖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts图表跟随窗口大小变化相关的知识,希望对你有一定的参考价值。

 mounted() {
   var chartDom = document.getElementById("main");
   var myChart = echarts.init(chartDom);
   this.option && myChart.setOption(this.option);
   // 当窗口或者大小发生改变时候,重新绘制图表
   window.addEventListener("resize", function () {
     myChart.resize();
   });
 },

以上是关于echarts图表跟随窗口大小变化的主要内容,如果未能解决你的问题,请参考以下文章

echarts图表初始大小问题及echarts随窗口变化自适应

Echarts图表大小随窗口变动而自适应变动(resize)

Qt基于Echart的数据可视化2--Echart大小跟随Qt窗口

Echarts图表变形与自适应解决方案

eCharts 多个图表自适应窗口大小

前端可视化ECharts 实现响应式图表