echarts的resize（）方法在过度属性下的表现

resize方法是监听包含canvas的div的元素的变化的，根据其变化改变自身大小
如果为该div元素设置了大小变化的过度属性，则canvas图表来不及改变大小到div的大小，canvas改变后的大小与设置的国度事件有关系。
<div id="main" class="main"><canvas></canvas></div>
<style>
#mian{
font-size: 4em;
text-align: center;border:dotted;box-sizing: border-box;
transition:.8s；
}
</style>
如果想要保持过度效果，那就让resize方法在过度时间之后执行
setTimeout(function () { myChart.resize();}, 800);

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容