如何防止Highcharts中图表上的细小条形图

时间:2014-10-31 20:22:07

标签: javascript highcharts

http://d.pr/i/U5bb/4n26fLZr

以下是我们的图表示例。相当不可思议,是吗?有一种简单,动态的方法可以避免这种情况吗我已经尝试过实现一个动态高度,但问题是我似乎永远无法找到容纳较少数量的条形和更多条形的最佳位置。我觉得这必须是其他人以前遇到过的问题。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

我通过执行以下操作来实现此目的:

1)确定图表上非数据元素的高度(即,明确设置顶部和底部边距,并将它们加在一起以获得图表的base_height

2)确定我想要每个柱子占用多少空间,包括条形宽度和条形之间的填充,并设置为我的height_multiplier(我通常最终会以20-25像素为个人)

3)在提取数据时,确定需要多少条,并设置为bar_count

4)计算:chart_height = base_height + (bar_count * height_multiplier)

5)将该值传递给html以设置图表包含元素的高度。

如果您的数据变化太大,以至于您的示例中的图表高度有效,但是您拥有的数据点数量与您在那里发布的数据点数相同,那么根本就没有“最佳点”可以同时处理极端。