javascript - 谷歌图表图表区域不透明度？

Question

如何设置图表区域的不透明度？这是我的一段代码...任何想法都会有帮助。谢谢!

        // Column Chart
              function drawVisualization() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
      ['Year', 'In Millions'],
      ['2010',  178.7],
      ['2011',  211.693],
      ['2012',  199.3]
    ]);

    // Create and draw the visualization.
    new google.visualization.ColumnChart(document.getElementById('visualization')).
        draw(data,
             {title:"",
              width:400, height:400,
              colors:['#89a7bf', '#b19237', '#698322', '#bf855d', '#196364', '#CCCCCC', '#D64646', '#8E468E'],
              legend: {position: 'bottom', width:"250", textStyle: {fontSize: 10}},
              hAxis: {title: "Year"}}
        );
  }


  google.setOnLoadCallback(drawVisualization);

Answer 1

抱歉，选项areaOpacity仅在以下图表中可用:

Visualization: Geochart

Visualization: Area Chart

Visualization: Combo Chart

Visualization: Bubble Chart

Visualization: Motion Chart

Visualization: Stepped Area Chart

对于上面的图表，谷歌说:

The default opacity of the colored area under an area chart series, where 0.0 is fully transparent and 1.0 is fully opaque. To specify opacity for an individual series, set the areaOpacity value in the series property.