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

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参数。