设置echarts随页面大小变化自适应

在项目中应用做echarts折线图,柱状图时会碰到需求是echarts会随着游览器的放大,缩小自适应。其实很简单,只要一点点代码就可以了。

var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);
//监听页面的尺寸变化,动态改变echarts的尺寸
 window.onresize = function () {
     myChart.resize();
 }

简单吧!

你可能感兴趣的:(echarts,自适应,HTML+JS+CSS)