Google Chartのパスの塗りつぶしプロパティ

Question

積み重なった領域（Googleグラフ）の系列の塗りつぶしプロパティにアクセスしようとしています。 JSFiddleコードに示されているように、スタックされたチャートの下のシリーズが透明になるようにします。

こちらでお手伝いできますか？あなたの助けは非常に高く評価されています。

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<div class="row"> 
    <!-- Div that will hold the pie chart--> 
    <div id="chart_div"></div> 

</div> 

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

     // Set a callback to run when the Google Visualization API is loaded. 
     google.charts.setOnLoadCallback(drawChart); 

      function drawChart() { 
      var data = google.visualization.arrayToDataTable([ 
      ['Year', 'Sales', 'Expenses'], 
      ['2013', 1000, 400], 
      ['2014', 1170, 460], 
      ['2015', 660, 1120], 
      ['2016', 1030, 540] 
      ]); 

      var options = { 
       isStacked: true, 
       title: 'Company Performance', 
       hAxis: { title: 'Year', titleTextStyle: { color: '#333' } }, 
       vAxis: { minValue: 0 }, 
       series: 
       { 
        0: { id: 'ss223', type: 'area', backgroundColor: { fill: 'black' } }, 
        1: { type: 'area', backgroundColor: { fill: 'transparent' }} 
       } 
      }; 

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

Answer 1

だけ...シリーズは、作業スニペット以下の下

ご覧にゼロから始まる番号が付けられます
color: 'transparent'

...と
backgroundColor: { fill: 'transparent' }

を置き換えます...

注： うわー
areaOpacity: 1

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Year', 'Sales', 'Expenses', 'Line 1', 'Line 2'], 
 
     ['2013', 1000, 400, 200, 400], 
 
     ['2014', 1170, 460, 200, 400], 
 
     ['2015', 660, 1120, 200, 400], 
 
     ['2016', 1030, 540, 200, 400] 
 
    ]); 
 

 
    var options = { 
 
     isStacked: true, 
 
     title: 'Company Performance', 
 
     hAxis: { title: 'Year', titleTextStyle: { color: '#333' } }, 
 
     vAxis: { minValue: 0 }, 
 
     series: 
 
     { 
 
     0: { id: 'ss223', type: 'area', color: 'transparent' }, 
 
     1: { type: 'area', color: 'black' }, 
 
     2: { type: 'line', color: 'red' }, 
 
     3: { type: 'line', color: 'blue' } 
 
     } 
 
    }; 
 

 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages:['corechart'] 
 
});

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