在圖表中設置條形之間的距離

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參數。