2016-01-07 86 views
0

我有条形图,如下所示:与分组列条形图

jsfiddle

enter image description here

$(function() { 
 
    $('#container').highcharts({ 
 
     chart: { 
 
      type: 'column' 
 
     }, 
 
     title: { 
 
      text: 'Team Comparision' 
 
     }, 
 
     xAxis: { 
 
      categories: [ 
 
       'Jan', 
 
       'Feb', 
 
       'Mar', 
 
       'Apr', 
 
       'May', 
 
       'Jun', 
 
       'Jul', 
 
       'Aug', 
 
       'Sep', 
 
       'Oct', 
 
       'Nov', 
 
       'Dec' 
 
      ], 
 
      crosshair: true 
 
     }, 
 
     yAxis: { 
 
      min: 0, 
 
      title: { 
 
       text: 'Scores' 
 
      } 
 
     }, 
 
     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:.1f} </b></td></tr>', 
 
      footerFormat: '</table>', 
 
      shared: true, 
 
      useHTML: true 
 
     }, 
 
     plotOptions: { 
 
      column: { 
 
       pointPadding: 0.2, 
 
       borderWidth: 0 
 
      } 
 
     }, 
 
     series: [{ 
 
      name: 'Team A', 
 
      data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
 

 
     }, { 
 
      name: 'Team B', 
 
      data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3] 
 

 
     }, { 
 
      name: 'Team C', 
 
      data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2] 
 

 
     }, { 
 
      name: 'Team D', 
 
      data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] 
 

 
     }] 
 
    }); 
 
});

是否有可能已经堆叠并与该分组列highchart中的条形图?

每个团队都有会员。所以我想在每个团队成员分数中显示每个团队成员的分数,并将其中的成员分数叠加在其中。

+1

是的。查看Highcharts演示页面中的“分组和堆叠”演示:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked-and-grouped /您需要为每个系列使用“stack”属性,其中每个“堆栈”是该组的一部分。 – jlbriggs

回答

0

Updated jsfiddle

唯一的变化是在plotoptions堆叠选项。

column: { 
    stacking: 'normal', 
} 
+0

我希望每个团队栏栏中的成员得分不是所有的团队都堆积在同一个栏中 – sonam

+0

因此,不是每个栏都有4个12栏,而是每栏有12栏? –

+0

每个月会有12个专栏和4个小组。我有每个团队的成员。团队得分是团队中每个成员得分的总和。所以我想要在每个团队专栏中堆积个人成员分数 – sonam