스택 및 그룹화 열 구글 차트

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 개의 막대로 그룹화 된 데이터를 얻을 수있다. 어떻게 내 요구 사항에 맞게 개선 할 수 있을까? true로 설정하면 옵션 isStacked을 사용

는

How to make a grouped bar stack with Google charts?

Answer 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>