echarts 图形随屏幕大小改变(resize)
echarts 的resize 用来改变图表尺寸,当容器大小发生变化时使用 window.onresize = myChart.resize 可使图标随着屏幕大小改变。
//初始化echarts
var myChart = echarts.init(document.getElementById('main'));
//此处省略echarts的配置项
.......
//加载echarts配置项
myChart.setOption(option);
//图形宽度随屏幕宽度改变而改变
window.onresize = myChart.resize;
如果一个页面有多个图表的时候,需要特殊设置,不然页面上只有一个图表会根据浏览器的变化而自适应 。
//初始化echarts
var myChart = echarts.init(document.getElementById('main'));
var myChartA = echarts.init(document.getElementById('mainA'));
var
版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/24581.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。
THE END
二维码
共有 0 条评论