highcharts - Highcharts：如何根据条形的间距/大小调整条形图的大小？

Question

我有一个条形图（注意：条形的长度水平跨越。相反，柱形图垂直跨越。见下文。）我的系列数据可以成为长列表或短列表，因此条的数量在许多和很少。如果我有很多条，我的图表需要更多的高度来保持条之间的相同空间并保持条的宽度。如何设置图形的高度以确保这些是固定的？

我查看了垂直轴的滚动条，但我不喜欢这个，因为浏览器可能有它自己的垂直滚动条。我还找到了关于动态调整图形大小以适应窗口的建议，但如果我的条形图比最大化窗口中的条形图多，这将不起作用。因此，我认为最好的办法是制作一个与条形数量相符的图表。如果条形图大于页面高度，浏览器的垂直滚动条就会起作用。

条状图：

===
==========
=============== ]---- 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. 

Answer 1

我为此找到的最佳解决方案是通过对服务器端所需类别的简单计数来确定大小。

加载页面时，我从图表顶部和底部边距所需的高度开始。我对我的数据进行计数，然后乘以我需要的空间（在我的情况下，通常是每个类别 20、25 个像素）。

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

我通常在页面加载时使用 php 执行此操作。我敢肯定，实现 javascript 实现并不难。