Google图表-堆积柱形图结构化的数据栏不透明度

时间:2019-07-16 13:26:25

标签: google-visualization

我必须将颜色不透明度添加到Google图表柱形图中的堆积条形之一。

我已经尝试实现此处在Stackoverflow上提到的许多解决方案,但看来我的问题有点具体。

  var data = google.visualization.arrayToDataTable([
    ['Year', 'Parameter 1', 'Parameter 2', 'Parameter 3', 'Parameter 4'],
    ['2009', 28, 19, 29, 0],
    ['2010', 10, 24, 20, 0],
    ['2011', 16, 22, 23, 15],
    ['2012', 28, 19, 21, 0],
    ['2013', 28, 19, 29, 0],
    ['2014', 2, 14, 29, 0],
  ]);

  colorsHex = [
    { color: '#488153' },
    { color: '#EC9A5D' },
    { color: '#8BBF95' },
    { color: '#BDDBC3' }
  ]

  var options = {
    width: 800,
    height: 400,
    colors: colorsHex,
    series: {
      3: {
        color: colorsHex[4],
        opacity: '0.25'
      }
    },
    isStacked: true,
  }

我尝试使用series方法,但是它仅输出color属性,而不输出不透明度。

更新

  var options = {
...
    colors: colorsHex,
    series: {
      3: {
        color: colorsHex[4],
        dataOpacity: 0.25
      }
    },
...

0 个答案:

没有答案