zoukankan      html  css  js  c++  java
  • HighCharts -在包含容器尺寸发生变化时重新渲染

    开发时遇到这个问题了,redraw方法怎么试都不起作用,最后在Highcharts中文论坛提问大家帮忙解决了,这里记录一下。

    比如html结构如下:

    <div class="container">
        <div id="chart">
    </div>

    刚开始container 的宽度为100%,chart渲染的时候也是默认扩充整个container区域,若是通过js将container的width设置为50%,这个时候charts是不会自动缩小到50%的宽度的,调用底下这个就可以触发chart的重新渲染以适应container的尺寸。

    $("#chart").highcharts().setSize(null,null,false);

     这儿null的意思是取包含container的宽度,但是有的时候直接调用会报错,这儿就只能手动传递width和height了。

    var w= $(".container").width();
    var h= $(".container").height();
    $("#chart").highcharts().setSize(w,h,false);


     

  • 相关阅读:
    冒泡排序
    最长回文子串
    两个排序数组的中位数
    Manacher算法解析
    绕过校园网WEB认证_iodine实现
    绕过校园网WEB认证_dns2tcp实现
    ajax跨域请求
    Vue实例生命周期
    组件化应用构建
    表单输入绑定
  • 原文地址:https://www.cnblogs.com/gogolee/p/6437129.html
Copyright © 2011-2022 走看看