Googleの積み重ね領域チャートが機能しない

Question

私はGoogleスタックチャートを達成したいと思います。ここで

は、JSのフィドルです： Js Fiddle

私も積み上げのためのオプションを追加してみました：

var options_fullStacked = { 
      isStacked: 'relative', 
      height: 300, 
      legend: {position: 'top', maxLines: 3}, 
      vAxis: { 
      minValue: 0, 
      ticks: [0, .3, .6, .9, 1] 
      } 
     }; 

それはGoogleのチャートのためのマニュアルを参照してください：stacked area

私が欲しいですこの図に示すように表示します。

この図の他のものはすべて無視してください。折れ線グラフと地図の間に表示されている積み重ねられたエリアチャートを除きます。

Answer 1

ここで動作するようですが、もっと共有できますか？

次の例を参照してください...

isStacked: true

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.AreaChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     ['Year', 'Sales', 'Expenses'], 
 
     ['2013', 1000,  400], 
 
     ['2014', 1170,  460], 
 
     ['2015', 660,  1120], 
 
     ['2016', 1030,  540] 
 
     ]), 
 
     { 
 
     title: 'Company Performance', 
 
     isStacked: true, 
 
     hAxis: {title: 'Year', titleTextStyle: {color: '#333'}}, 
 
     vAxis: {minValue: 0} 
 
     } 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
}); 
 
google.charts.setOnLoadCallback(drawChart); 
 
function drawChart() { 
 
}

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

isStacked: false

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.AreaChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     ['Year', 'Sales', 'Expenses'], 
 
     ['2013', 1000,  400], 
 
     ['2014', 1170,  460], 
 
     ['2015', 660,  1120], 
 
     ['2016', 1030,  540] 
 
     ]), 
 
     { 
 
     title: 'Company Performance', 
 
     isStacked: false, 
 
     hAxis: {title: 'Year', titleTextStyle: {color: '#333'}}, 
 
     vAxis: {minValue: 0} 
 
     } 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
}); 
 
google.charts.setOnLoadCallback(drawChart); 
 
function drawChart() { 
 
}

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

0123初心者のための