如何highcharts.js

Question

條形圖演示是在這裏增加寬度的兩個欄之間，

jsfiddle

我想增加不同的酒吧之間的寬度，我應該設置什麼樣的配置？請給我一些建議。 THKS！

Answer 1

要增加tw在highcharts.jsØ酒吧，您可以使用groupPadding，

API：http://api.highcharts.com/highcharts#plotOptions.bar.groupPadding

例子：http://jsfiddle.net/6j3y54na/2/

groupPadding: 0.2 

如果你想增加同組吧，那麼你可以使用之間的差距pointPadding

API：http://api.highcharts.com/highcharts#plotOptions.bar.pointPadding

Answer 2

使用pointWidth屬性，像素值，指定一個固定的寬度爲每一列或欄：

plotOptions: { 
    series: { 
     stacking: 'percent', 
     pointWidth: 5 
    } 
}, 

JSFiddle

Answer 3

pointWidth是設置寬度欄中的參數寬度.Refer此jsFiddle

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar', 
      marginLeft: 50, 
      marginBottom: 90 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions: { 
      series: { 
       stacking: 'percent', pointWidth: 4 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }, { 
      data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
     }] 
    }); 
});