echarts折线图随页面大小变化自适应
在项目中应用做echarts折线图,柱状图时会碰到需求是echarts会随着游览器的放大,缩小自适应。其实很简单,现在给出解决的办法。
成果实例展示:
代码展示:
//下面my_charts是html中echarts的ID
var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);
//假设实例的名字是myChart,在echats配置完实例以后,配置下面几行代码即可
window.onresize = function () {
myChart.resize();
}
是不是很简答,如果有需要完整demo的可以在文章下面留言。