欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

实现echarts随着页面大小自适应

程序员文章站 2022-06-21 14:49:59
...

echarts缩放自适应–来啦!

相信但凡是个前端都会遇到缩放问题吧,要求缩放的时候可以实现自适应变化。教你一招,轻松搞定!
直接上代码,复制粘贴,拿走不谢,嘻嘻!

//通过获取ID获取元素,my_charts是html中echarts的ID
var myChart= echarts.init(document.getElementById("my_charts"));
myChart.setOption(option);

//假设实例的名字是myChart,在echats配置完实例以后,配置下面几行代码即可
window.onresize = function () {
	myChart.resize();
}

看到这里赶紧复制粘贴到自己的demo里吧,完美解决。

为什么我的眼里常含泪水,因为我对这行代码爱的深沉。。。