2016-01-07 117 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