Javascript 更改组合图（谷歌图表）中填充区域的不透明度

我正在制作谷歌图表的组合图（条形图+散点图）。我无法更改数据点的不透明度和条内的填充区域。文档中提供的信息不多，我尝试使用其他图表中提到的方法更改不透明度，但似乎没有任何效果

这是我试图制作的图表的链接-

---

您可以使用

'style'

列角色更改不透明度，
看起来你有

但是，样式角色必须位于要应用样式的每个系列列之后

因此，要使列不透明，请在第二列后添加样式，
请参阅以下工作片段

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawVisualization）；
函数drawVisualization（）{
//一些原始数据（不一定准确）
var sett='填充颜色：#76A7FA；填充不透明度：0.5；笔划颜色：#76A7FA；笔划宽度：1；'；
var data=google.visualization.arrayToDataTable([
['Month'，'polivia'，{role:'style'}，'Average'，{role:'style'}]，
[2004/05'，450，sett，614.6，sett]，
[2005/06'，288，sett，682，sett]，
[2006/07'，397，sett，623，sett]，
[2007/08'，215，sett，609.4，sett]，
[2008/09'，366，sett，569.6，sett]，
[2009/05'，450，sett，614.6，sett]，
]);
变量选项={
标题：“各国每月咖啡产量”，
言辞：{
标题：“杯子”
},
哈克斯：{
标题：“月”
},
图例：“无”，
填充不透明度：0.3，
点形状：{
键入：“三角形”，
轮换：180
},
点数：7，
系列：{
0: {
类型：'bar'，
面积不透明度：0.3
},
1: {
键入：“散布”，
不透明度：0.5，
颜色：“蓝色”
}
}
};
var chart=new google.visualization.ComboChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

---

我也面临同样的问题，并找到了一种更简单的方法来控制谷歌图表中条形图的不透明度

我找到了一个简单的方法来做这件事，我想为下一个来的人贡献我的答案

我们可以使用

dataOpacity

控制单个系列（包括条形图）的不透明度：

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawVisualization）；
函数drawVisualization（）{
var data=google.visualization.arrayToDataTable([
[‘月份’、‘玻利维亚’、‘平均值’]，
['2004/05', 450, 614.6],
['2005/06', 288, 682],
['2006/07', 397, 623],
['2007/08', 215, 609.4],
['2008/09', 366, 569.6],
['2009/05', 450, 614.6],
]);
变量选项={
标题：“各国每月咖啡产量”，
言辞：{
标题：“杯子”
},
哈克斯：{
标题：“月”
},
图例：“无”，
点形状：{
键入：“三角形”，
轮换：180
},
点数：7，
系列：{
0: {
类型：'bar'，
数据不透明度：0.3
},
1: {
键入：“散布”，
颜色：“蓝色”，
数据不透明度：0.6
}
}
};
var chart=new google.visualization.ComboChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

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

  function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var sett = 'fill-color: #76A7FA; fill-opacity: 0.5; stroke-color: #76A7FA; stroke-width: 1;';
    var data = google.visualization.arrayToDataTable([
      ['Month', 'Bolivia', 'Average', {
        role: 'style'
      }],
      ['2004/05', 450, 614.6, sett],
      ['2005/06', 288, 682, sett],
      ['2006/07', 397, 623, sett],
      ['2007/08', 215, 609.4, sett],
      ['2008/09', 366, 569.6, sett],
      ['2009/05', 450, 614.6, sett],
    ]);

    var options = {
      title: 'Monthly Coffee Production by Country',
      vAxis: {
        title: 'Cups'
      },
      hAxis: {
        title: 'Month'
      },
      legend: 'none',
      fillOpacity: 0.3,
      pointShape: {
        type: 'triangle',
        rotation: 180
      },
      pointSize: 7,
      series: {
        0: {
          type: 'bars',
          areaOpacity: 0.3
        },
        1: {
          type: 'scatter',
          opacity: 0.5,
          color: 'blue'
        }
      }
    };

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