Highcharts - 关于整个图表宽度的问题 [英] Highcharts - issue about full chart width

问题描述

我使用的是Highcharts柱状图，我希望它是100％宽度响应图表。容器是一个简单的< div> ，没有任何格式。当文档加载时，图表总是固定宽度为600x400像素的大小。如果我调整窗口或切换到另一个浏览器选项卡，图表填充宽度，并成为响应全宽图表，就像我想要的。如果我重新加载页面，它是固定宽度了。我试图设置宽度到容器和图表，但是，没有什么帮助。如果我将容器div移动到父div的上一层，它工作。如何使图表在页面加载时变为全宽？

I'm using Highcharts column chart and I want it to be 100% width responsive chart. The container is a simple <div> with no any formatting. When the document loads, the chart is always fixed width 600x400px size. If I resize window or switch to another browser tab, the chart fills the width and becomes responsive full width chart just like I wanted. If I reload page, it's fixed width again. I tried setting width to both container and chart, however, nothing helps. If I move the container div one level above the parent div, It works. How to make the chart become full width on page load also?

感谢

推荐答案

图表的宽度取自 jQuery.width（container），所以如果你有一些隐藏的标签或类似的图表，宽度将是未定义的。在这种情况下，系统会设置默认宽度和高度（600x400）。

Chart's width is taken from jQuery.width(container), so if you have chart in some hidden tabs or something similar, width will be undefined. In that case default width and height are set (600x400).

这篇关于Highcharts - 关于整个图表宽度的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！