Highcharts:如何根据条形图的间距/大小调整条形图的大小?

Highcharts:如何根据条形图的间距/大小调整条形图的大小?,highcharts,Highcharts,我有一个条形图(注意:条形图的长度水平延伸。相反,柱状图垂直延伸。请参见下文)。我的系列数据可以成为长列表或短列表,因此条形图的数量在多条和少条之间变化。如果我有很多条,我的图形需要更多的高度来保持条之间的相同空间和条的宽度。如何设置图形的高度以确保这些高度是固定的 我查看了垂直轴的滚动条,但我不喜欢这个,因为浏览器可能有自己的垂直滚动条。我还找到了关于动态调整图形大小以适应窗口的建议,但如果我的条数超过了最大化窗口中的条数,这将不起作用。所以我认为最好的办法是有一个大小与条数成正比的图表。如果

我有一个条形图(注意:条形图的长度水平延伸。相反,柱状图垂直延伸。请参见下文)。我的系列数据可以成为长列表或短列表,因此条形图的数量在多条和少条之间变化。如果我有很多条,我的图形需要更多的高度来保持条之间的相同空间和条的宽度。如何设置图形的高度以确保这些高度是固定的

我查看了垂直轴的滚动条,但我不喜欢这个,因为浏览器可能有自己的垂直滚动条。我还找到了关于动态调整图形大小以适应窗口的建议,但如果我的条数超过了最大化窗口中的条数,这将不起作用。所以我认为最好的办法是有一个大小与条数成正比的图表。如果条形图大于页面高度,浏览器的垂直滚动条将生效

条形图:

===
==========
=============== ]---- width of bars needs to be maintained. 
[spacing between bars also needs to be maintained.]
=======
===========
=== <--- a new bar would simply go here, and chart would increase height by 1 bar width. 
===
==========
==================]----需要保持钢筋的宽度。
[钢筋之间的间距也需要保持。]
=======
===========

=我找到的最佳解决方案是通过简单计算服务器端需要的类别来确定大小

加载页面时,我从图表上下边距所需的高度开始。 我对数据进行计数,然后乘以所需的空间(在我的情况下,通常每个类别20到25像素)

然后相应地设置容器的高度


我通常在页面加载时使用php来实现这一点。我相信javascript实现不会很难实现。

另一种选择是让数据包含您想要的任意多个点,但默认的缩放级别仅显示前N个点。然后,用户可以缩小/放大,同时保持一个图表大小。这意味着当用户缩放时,条的宽度和间距将发生变化。您是否提前知道最大积分数?谢谢您的建议。然而,我宁愿保持酒吧的宽度。对于条形图来说,放大和缩小似乎有点尴尬。然后,您应该根据希望以所需间距显示的数据点数量来确定图表的大小。当然,这只会是大概的。我们做了类似的事情,但不是因为你的原因。我们希望xAxis(像您一样的条形图)上的标签不要相互重叠。