我怎樣才能將堆積的柱子和高柱子中的單個柱子放在一起？（多層堆疊）

Question

我的數據如下所示。

我想在highcharts的單個圖表中顯示它們。

category [jack jane julie john] 

我有3個系列牌號的是這樣的：

homework [2 1 2 3] 

midterm [5 4 6 6] 

final exam[10 9 11 10] 

我希望他們能夠堆疊。 和他們的年齡：

ages  [18 22 17 24] 

我的問題是我知道如何堆疊和知道如何繪製列，但他們不在一起。

Answer 1

您可以設置不同的堆疊組：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 

     xAxis: { 
      categories: ['jack', 'jane', 'julie', 'john'] 
     }, 
     yAxis: [{ 
      title: { 
       text: 'Grades' 
      } 
     }, { 
      title: { 
       text: 'Age' 
      }, 
      opposite: true 
     }], 

     plotOptions: { 
      column: { 
       stacking: 'normal' 
      } 
     }, 

     series: [ 
     // first stack 
     { 
      data: [2, 1, 2, 3], 
      stack: 0, 
      yAxis: 0 
     }, { 
      data: [5, 4, 6, 6], 
      stack: 0, 
      yAxis: 0 
     }, { 
      data: [10, 9, 11, 10], 
      stack: 0, 
      yAxis: 0 
     }, 
     // second stack 
     { 
      data: [18, 22, 17, 24], 
      stack: 1, 
      yAxis: 1 
     }] 
    }); 
}); 

http://jsfiddle.net/bhSrh/