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

时间:2013-05-14 18:53:07

标签: 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. 

1 个答案:

答案 0 :(得分:0)

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

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

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

我通常在页面加载时使用php执行此操作。我确信javascript的实现并不难实现。