積み上げおよびグループ化されたコラムGoogleのチャート

Question

は、私は時間（レート、金利）、（原則、バランス）と最後のニューバランスで私がスタックしたい

var data = new google.visualization.arrayToDataTable([ 
    ['Month', 'Rate', 'Interest', 'Principle', 'Balance','New Balance'], 
    ['Jan', 321, 600, 816, 319, 890], 
    ['Feb', 163, 231, 539, 594, 678], 
    ]); 

のセットとグループ上のデータ2を持っています別のバーとして。どのようにGoogleのチャートでこれを達成することができます。

私はこの全部のことを初めて知りました。ここで感謝しているのは、データを2つのバーにグループ化するための情報です。オプションisStackedを使用して

How to make a grouped bar stack with Google charts?

Answer 1

、trueに設定されている場合、各ドメインの値ですべてのシリーズのための要素をスタック。

これは別個のスタックを作成するために、データは行

に次の作業のようなものを分離する必要があります、各行のすべての列の値は、のような1つのスタック

に表示されることを意味スニペット...あなたはDをリンクどこに質問をしている理由

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Month\nCategory', 'Bottom', 'Top'], 
 
    ['Rate/Interest', 321, 600], 
 
    ['Principle/Balance\nJan', 816, 319], 
 
    ['New Balance', 890, null], 
 
    ['Rate/Interest', 163, 231], 
 
    ['Principle/Balance\nFeb', 539, 594], 
 
    ['nNew Balance', 678, null], 
 
    ]); 
 

 
    var options = { 
 
    height: 400, 
 
    isStacked: true, 
 
    legend: 'none', 
 
    width: 800 
 
    }; 
 

 
    var chartDiv = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.ColumnChart(chartDiv); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>