添加特定的酒吧之間的差距堆疊條形圖中

Question

我有兩個組堆疊欄的圖表中，我想將它們分組視覺

所以，我怎麼可以添加特定的酒吧之間的額外垂直間隙在疊置條圖表還是以其他方式分隔組？

例子： http://jsfiddle.net/KrTbz/41/

我想帶4和A

new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'bar', 
     }, 
     title: { 
      text: 'Grouping test', 
     }, 
     xAxis: { 
      categories: ['1', '2', '3', '4', 'A', 'B', 'C', ] 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'percent' 
      } 
     }, 
     series: [{ 
      name: 'Alpha', 
      data: [31, 27, 23, 22, 22, 20, 21] 
     }, { 
      name: 'Omega', 
      data: [5, 6, 7, 5, 6, 6, 5, ] 
     }, { 
      name: 'Gamma', 
      data: [60, 62, 67, 69, 68, 70, 71] 
     }] 
    }); 
}); 

Answer 1

這是不可能用簡單的方式之間添加額外的垂直空間，但只什麼在我腦海中是很骯髒解決方案，但也許就足夠了。所以你可以在系列和類別中設置空值。

http://jsfiddle.net/KrTbz/42/

xAxis: { 
     categories: [ '1','2','3','4','','A', 'B', 'C', ]  
    }, 

series: [ 
{ 
    name: 'Alpha', 
    data: [31,27,23,22,null,22,20,21] 

}, { 
    name: 'Omega', 
    data: [5,6,7,5,null,6,6,5,] 

} ,{ 
    name: 'Gamma', 
    data: [60,62,67,69,null,68,70,71] 
} 
]