var worldMapContainer = document.getElementById('tongjituZuanQu');
//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
var resizeWorldMapContainer = function () {
worldMapContainer.style.width = (window.innerWidth-20)+'px';
worldMapContainer.style.height = (window.innerHeight-20)+'px';
};
========================================
在生成图表的方法中调用:
var piechart = document.getElementById('tongjituZuanQu');
// $("#tongjituZuanQu").width($(window).width());
//$("#tongjituZuanQu").height($(window).height());
var myChart = echarts.init(piechart);
myChart.setOption(option);
window.onresize = function () {
//重置容器高宽
resizeWorldMapContainer();
myChart.resize();
};
Echars 宽高自适应
最新推荐文章于 2023-04-19 16:26:40 发布