Question

我正在尝试增加此链接中图表之间的空间，但我在xAxis和pointWidth中使用了minPadding / maxPadding：90 / pointPadding：0但没有任何效果。在我看来，图表区域的顶部和底部有强制间距导致这种情况。 http://jsfiddle.net/j7NMC/2/

/*What i have tried */    
series:{
    pointWidth: 90,
    pointPadding: 0
}
xAxis: {minPadding:0, maxPadding:0,}

有什么想法吗？谢谢:)）

Answer 1

我建议您更改数据设置。而不是3个不同的系列，使用1个系列和3个类别：

series: [{
  data: [973,133,107]
}]

示例：http://jsfiddle.net/j7NMC/4/

这对你有什么用处：

1）消除了图表上浪费的空间

2）通过将标签放在栏旁边的轴上，消除了对图例的需求（大大提高了图表的可用性，使用户更容易理解）

3）消除了对多种颜色的需求（大大提高了图表的可用性，使用户更容易理解）

编辑：{ 您可以尝试将groupPadding设置为0以删除一些空间，因为您显示的3系列已分组，因此会添加额外的空间。

Answer 2

选项需要在＆＃39;栏中。 plotOptions的一部分，你不需要在plotOptions中输入一系列条目，例如：

 plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                },
                pointWidth: 10,
                pointPadding: 0
            }
 },

http://jsfiddle.net/A8dpf/

如何增加highcharts中的侧向条形图之间的间距？

2 个答案: