在项目中应用做echarts折线图,柱状图时会碰到需求是echarts会随着游览器的放大,缩小自适应。其实很简单,只要一点点代码就可以了。
var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);
//监听页面的尺寸变化,动态改变echarts的尺寸
window.onresize = function () {
myChart.resize();
}
简单吧!
本文介绍了一种简单的方法,使ECharts折线图和柱状图能够随浏览器窗口大小变化而自适应调整。通过监听窗口尺寸变化并调用图表的resize方法,即可实现图表的动态尺寸调整。
1331





