如何在高图表中防止图表上出现小条

How to prevent tiny bars on charts in Highcharts

本文关键字：高图表更新时间：2023-09-26

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

这是我们的一张图表的例子。很难阅读，是吗？有没有一种简单、动态的方法可以避免这种情况？我尝试过实现动态高度，但问题是我似乎永远找不到容纳较少酒吧和较多酒吧的最佳位置。我觉得这一定是其他人以前遇到过的问题。任何帮助都将不胜感激！

我通过执行以下操作来实现这一点：

1）确定图表上非数据元素的高度（即，明确设置上下边距，并将它们相加以获得图表的base_height

2）确定我希望每个条形图占用多少空间，包括条形图宽度和条形图之间的填充，并设置为我的height_multiplier（我个人通常会选择20-25像素）

3）在提取我的数据时，确定需要多少条，并设置为我的bar_count

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

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

如果你的数据变化很大，以至于你的例子中的图表高度有时会起作用，但你有和你在那里发布的一样多的数据点，那么就不会有一个"最佳点"能很好地处理这两个极端。