1

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

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

有任何想法吗？谢谢 ：）

4

2 回答 2

1

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

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

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

这对你有什么作用：

1) 消除图表上浪费的空间

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

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

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

于 2013-04-17T15:04:17.507 回答
0

选项需要位于 plotOptions 的“bar”部分，并且您不需要 plotOptions 中的系列条目，例如：

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

http://jsfiddle.net/A8dpf/

于 2013-04-17T11:02:48.813 回答