積み上げ横棒グラフに縦線を追加する

Question

同じことをthis questionに記載したいと思いますが、横棒グラフ（バーは縦棒ではなく横棒）にしたいとします。私は垂直線とこれに似積み重ね横棒グラフを持っているしたいと思います

：私はここでその質問から画像をコピーします。

ComboChartsは横棒グラフをサポートしていないようですので、別の方法があることを期待していました。

Answer 1

縦棒グラフが

が作業スニペットを次のように表示棒グラフとなるように、軸を回転させるorientation: 'vertical'を使用して...

google.charts.load('current', { 
 
    callback: function() { 
 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.ComboChart(container); 
 

 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General', 'Western', 'Literature', 'Minimum', 'Maximum'], 
 
     ['2010', 10, 24, 20, 32, 18, 5, 90, 140], 
 
     ['2020', 16, 22, 23, 30, 16, 9, 90, 140], 
 
     ['2030', 28, 19, 29, 30, 12, 13, 90, 140] 
 
    ]); 
 

 
    var options = { 
 
     bar: { 
 
     groupWidth: '75%' 
 
     }, 
 
     height: 400, 
 
     isStacked: true, 
 
     legend: { 
 
     position: 'bottom' 
 
     }, 
 
     orientation: 'vertical', 
 
     series: { 
 
     6: { 
 
      color: '#000000', 
 
      type: 'line' 
 
     }, 
 
     7: { 
 
      color: '#000000', 
 
      type: 'line' 
 
     } 
 
     }, 
 
     seriesType: 'bars', 
 
     width: 600, 
 
    }; 
 

 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

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