【问题标题】:Hightcharts chart not resizing to fill spaceHighcharts图表未调整大小以填充空间
【发布时间】:2016-08-22 14:27:07
【问题描述】:

我遇到了关于 highcharts 图表无法自动调整大小的问题。

在页面加载时被隐藏 (display: none),因为它位于非活动选项卡下,当我打开相应选项卡时,图表仅占可用空间的一半。

当我手动调整窗口大小时,它会自动调整大小,但是当我从 jQuery 脚本触发 $(window) 上的 resize 事件时没有任何反应...

我创建了一个小提琴来重现该问题:HERE

(在小提琴上,图表仍然可读,但没有填满整个可用空间)

有人可以帮我解决这个问题吗?提前谢谢!

【问题讨论】:

    标签: javascript jquery css highcharts jquery-events


    【解决方案1】:

    将您的 HTML/CSS 更改为具有宽度和最小宽度将解决此问题。

    <div id="chart10_18" style="display: none; width: 100%; min-width: 100%;" class="graph"></div>
    

    Your fiddle is updated here

    【讨论】:

      猜你喜欢
      • 2014-10-28
      • 2012-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多