하이 챠트를 함께 쌓은 열과 하나의 열을 어떻게 플로팅 할 수 있습니까? (멀티 스택)

Question

내 데이터는 다음과 같습니다.

highcharts에 하나의 차트로 표시하고 싶습니다.

homework [2 1 2 3] 

midterm [5 4 6 6] 

final exam[10 9 11 10] 

내가 그들을 쌓아하려는 :

category [jack jane julie john] 

는이 같은 등급의 3 시리즈가있다. 그들의 나이 :

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/