美文网首页
echarts的resize()方法在过度属性下的表现

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

作者: 众里寻他千百度hgq | 来源:发表于2016-12-29 11:19 被阅读297次

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

    相关文章

      网友评论

          本文标题:echarts的resize()方法在过度属性下的表现

          本文链接:https://www.haomeiwen.com/subject/jqwuvttx.html