ハイチャートの積み重なったグループ縦棒グラフ例

Question

ハイチャートを使用して積み上げ縦棒グラフレポートを作成します。問題は私のデータ型が違うことです。

Please, view image example

あなたは私の画像のようなグラフを作成するのに役立つだろう。 please

Answer 1

データセクションを正しく処理することで、ハイチャートのスタックグループを使用してこれを実現できます。

ここでは、必要に応じて同じチャートを作成しようとしました。あなたは凡例などのチャートを扱うことができます。

これはあなたに役立つでしょう。私はまた、以下のリンクを使用してアクセスできるフィドルのデモを作成しました。

フィドルデモ：私は答えを掲載http://jsfiddle.net/t4u8b8co/1/

Highcharts.chart('container', { 
 

 
    chart: { 
 
    type: 'column' 
 
    }, 
 

 
    title: { 
 
    text: '' 
 
    }, 
 
    
 
    legend: { 
 
    enabled: false 
 
    }, 
 

 
    xAxis: { 
 
    categories: [ 
 
     ['19603', '19666'], '19603', '19603' 
 
    ] 
 
    }, 
 

 
    yAxis: { 
 
    title: { 
 
     text: 'Good or Bad' 
 
    } 
 
    }, 
 

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

 
    series: [{ 
 
    name: 'Jane', 
 
    data: [244, 23, 4], 
 
    stack: '19603' 
 
    }, { 
 
    name: 'John', 
 
    data: [306, 522, 546], 
 
    stack: '19603' 
 
    }, { 
 
    name: 'Jane', 
 
    data: [376], 
 
    stack: 'female' 
 
    }, { 
 
    name: 'Janet', 
 
    data: [174], 
 
    stack: 'female' 
 
    }] 
 
});

<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>