设置图表中条形之间的距离

Question

有没有办法在条形图中设置条形之间的距离。我想在每个条形图上添加图像作为描述，所以我需要一种方法将条形图放置在图像的中心位置。

目前我使用html作为标签，但结果不符合预期：

http://jsfiddle.net/troynt/KrTbz/3/

xAxis: {
  tickLength: 0,
  lineWidth: 0,
  categories: ['Awesome', 'Awesome Previous'],
  title: {
    text: null
  },
  labels: {
    //                    enabled: false,
    color: '#fff',
    x: 5,
    useHTML: true,
    formatter: function () {
      return {
        'Awesome': '<img class="" src="http://dummyimage.com/60x200/ff6600/ffffff"/>',
        'Awesome Previous': '<img class="" src="http://dummyimage.com/60x200/ff3300/ffffff"/>',
        'Good': '<img class="" src="http://dummyimage.com/60x200/ff6644/ffffff"/>'
      }[this.value];
    }
  }
},

Answer 1

似乎唯一的方法是设置图表的高度，在这种情况下是图像高度加上一些填充的3倍。

Answer 2

您可以使用groupPadding / pointPadding参数。