echarts图表自适应 容器大小更改canvas随之改变
看了网上很多方法都是使用myChart.resize去更改图表大小。window.onresize = myChart.resize;但是若是侧边栏打开,页面没有重新加载,canvas的宽度仍保持不变,因此通过resize方法手动修改canvas的width值即可。// 窗口大小改变,echarts图自适应$(window).resize(function(){// ...
·
看了网上很多方法都是使用myChart.resize去更改图表大小。
window.onresize = myChart.resize;
但是若是侧边栏打开,页面没有重新加载,canvas的宽度仍保持不变,因此通过resize方法手动修改canvas的width值即可。
// 窗口大小改变,echarts图自适应
$(window).resize(function(){
// console.log($(".chart").width());
// 获取$(".chart").width()图表容器的长度,修改canvas长度
$(".chart>div").css("width", $(".chart").width());
$(".chart>div>canvas").width($(".chart").width());
})
更多推荐
已为社区贡献1条内容
所有评论(0)