Highcharts条形图：X轴高度

在xAxis上有很多条目的条形图。但是他们太接近了。 例如：

数据太密集。 在以下内容中更改容器div：

<div id="container" style="min-width: 400px; margin: 0 auto; height: 800px"></div>

但是如果你有大量的数据，这并不能解决问题

最好的选择是根据显示的元素数调整容器的大小

这里有一个提琴链接可以启发您：

---

您的基本问题是，您有太多的数据无法放入可用空间

有一些highcharts选项可以提供帮助：plotOptions中的groupPadding和pointPadding

 groupPadding:0,
 pointPadding:0,

但是，您可以做的最好的事情是通过在包含的div上设置更大的高度，使图表更高一些：

---

图表是动态的。可能只有两个中心。在这种情况下，您应该通过脚本更改高度，这取决于您拥有的数据量。如果你想玩你可以使用的文本大小：看我更新的帖子。是的，我最后的想法是一样的，计算数据并通过脚本改变高度。这是唯一的方法，使用函数图。setSize（）代替调整容器本身的大小。我用一个链接修改了帖子以激发你的灵感。

plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true,
                        style: {
                             fontSize: "8px"
                         }
                    }
                }
            }

 groupPadding:0,
 pointPadding:0,