echarts的resize()方法在过度属性下的表现

来源:互联网 发布:华讯网络上市 编辑:程序博客网 时间:2024/06/04 18:55

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);

0 0
原创粉丝点击