Google 차트에서 2 개의 '일반'막대 외 스택 막대 만들기

Question

Google 차트를 만드는 데 문제가 있습니다. 나는 하나의 차트에서 2 개의 일반 막대와 2 개의 변수를 기반으로 한 스택 막대를 갖고 싶습니다. 지금까지 내 코드 아래 :

google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 

    function drawChart() { 

    var data = google.visualization.arrayToDataTable([ 

     ['H axis',  'Name 1',     'Name 2',      'Name 3',   'Name 4'], 

     ['Label',   <?php echo $var1; ?>,  <?php echo $var2; ?>,  <?php echo $var3; ?>,  <?php echo $var4; ?>] 

    ]); 

    var options = { 

     chartArea:{left:100,top:50,width:"70%",height:"70%"}, 
     title: 'Title', 
     isStacked: false, 
     series: { 0: {type: "bars", isStacked: false}, 
       1: {type: "bars", isStacked: false}, 
       2: {type: "steppedArea", isStacked: true}, 
       3: {type: "steppedArea", isStacked: true}}, 
     hAxis: {title: 'Title', titleTextStyle: {color: 'red'}}, 
     vAxis: {title: 'Title', titleTextStyle: {color: 'red'}} 

    }; 

    var chart = new google.visualization.ColumnChart(document.getElementById('chart1')); 

    chart.draw(data, options); 

    } 

나는 구글 페이지의 도움으로 콤보 차트를 만들려고. Google의 검색 결과 관련 결과가 없었으므로 여기 전문가가 도움을 줄 수 있는지 궁금합니다.

이것은 내 첫 번째 게시물이므로 올바르게 수행하기를 바랍니다.

미리 감사드립니다.

Answer 1

누적 막대를 사용하여 "위조"할 수 있지만 하나의 막대에만 여러 값을 제공 할 수 있어야합니다. 당신이 당신의 그래프는 몇 가지 다른 디스플레이 옵션을 수정해야합니다 표시 할 방법에 따라

var data = google.visualization.arrayToDataTable([ 
    ['Label', 'Value 1', 'Value 2', 'Value 3'], 
    ['Value 1', 25, 0, 0], 
    ['Value 2', 0, 15, 10] 
]); 

하지만, 위의 첫 번째 줄이 하나 줄 수 있도록해야합니다 그래서 데이터 변수는 다음과 같을 것 값이 25이고 두 번째 막대가 두 개의 값이있는 누적 막대가됩니다.

물론 isStacked: true도 설정해야합니다.