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


     

  • 相关阅读:
    StringBuffer
    Mysql语法大全
    String类
    装箱拆箱
    修饰符
    杨辉三角
    基本变量类型
    随手快递app开发第五天
    随手快递app开发第四天
    随手快递app开发第三天
  • 原文地址:https://www.cnblogs.com/gogolee/p/6437129.html
Copyright © 2011-2022 走看看