看了网上很多方法都是使用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());
})

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐