Highcharts штабелирования бок о бок сравнения

У меня есть график, похожий на демо Среднемесячные количества осадков на веб-сайте Highcharts: http://www.highcharts.com/demo/column-basic Highcharts штабелирования бок о бок сравнения

Но я хочу, чтобы в дальнейшем разделить данные города на каждый месяц на две подкатегории накладываются на друг от друга Fiddle:

$('#Bar1170hMonthly').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Monthly Counts' 
     }, 
     subtitle: { 
      text: '' 
     }, 
     xAxis: { 
      categories: [ 
       'Jan', 
       'Feb', 
       'Mar', 
       'Apr', 
       'May', 
       'Jun', 
       'Jul', 
       'Aug', 
       'Sep', 
       'Oct', 
       'Nov', 
       'Dec' 
      ] 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Counts' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:f} cases</b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       //stacking: 'normal', 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: { 
     cursor: 'pointer', 
     point: { 
       events: { 
        click: function() { 

        } 
       } 
      } 
     } 

     , series: [ 
      { 
      grouping:true,  
      name: '2011: 36', 
      data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 19] 

     }, { 
      name: '2012: 237', 
      data: [13, 14, 35, 23, 37, 11, 23, 22, 8, 12, 18, 21] 

     }, { 
      name: '2013: 360', 
      data: [43, 23, 35, 18, 44, 23, 35, 24, 23, 31, 25, 36] 

     }, 
     { 
      name: '2014: 112', 
      data: [[7, 8], [1, 2], [1, 2], 32, 9, 0, 0, 0, 0, 0, 0, 0] 

     }] 

    });

за каждый месяц за каждый год я хочу, чтобы разделить счет на две подкатегории A, B и укладывают друг на друга. Это возможно?

источник

2014-08-28 rmcn

Не знаете, что означает ваши «a» и «b», можете ли вы быстро описать, каков ваш ожидаемый результат? – Duniyadnd

'A', 'B' - это только имена подкатегорий. Pawel Fus ответил на вопрос, как я хотел. – rmcn

Вам необходимо использовать stacking: "normal" и для каждого из стеков установить stack: "id", где идентификатор должен находиться между ними. Например: http://jsfiddle.net/7jfcpyo2/4/

{ 
    stacking: true, 
    stack: 'B', 
    name: '2014: 112: stack A', 
    data: [6, 1, 1, 32, 9, 0, 0, 0, 0, 0, 0, 0] 

}, { 
    stacking: true, 
    stack: 'B', 
    name: '2014: 112: stack B', 
    data: [9, 2, 2, 32, 9, 0, 0, 0, 0, 0, 0, 0] 

}

Две серии выше, укладывают друг на друга во вмешательстве любой другой серии. У вас есть столько стека, сколько хотите.

источник

2014-08-29 10:18:26

Это прекрасно работает Pawel Fus! – rmcn

Highcharts штабелирования бок о бок сравнения

ответ

Смежные вопросы