javascript - 如何更改 Google Area Chart 重叠颜色或不透明度？

Question

关于 Google Charts，有没有办法调整面积图的两个或多个重叠区域之间的颜色或不透明度？我一直在尝试修改 Google 在 Area Chart 中提供的示例代码开发网站。为方便起见，我在下面提供了示例代码的副本。注意:如果没有官方支持的方法来执行此操作，我也对任何肮脏的方法感兴趣。

  google.load("visualization", "1", {packages:["corechart"]});
  google.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 = {
      title: 'Company Performance',
      hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
      vAxis: {minValue: 0}
    };

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

为了帮助阐明我希望完成的任务，请看下图。

Answer 1

您可以将具有不同 areaOpacity 的 series 添加到您的选项中:

...
vAxis: {minValue: 0},
series: {
    0: { areaOpacity: 0.2},
    1: { areaOpacity: 0.7}
}