谷歌图表（材料） - 类型栏 - arrayToDataTable 中的数据，角色样式 KO？

Question

我想使用带有 arrayToDataTable 中提供的选项的谷歌条形图（材料设计）来自定义条形的颜色。

示例：

return google.visualization.arrayToDataTable([
      ['1', '2', {role: 'style'}],
      ['1', 1000, '#000000'],
      ['2', 1170, '#000000'],
      ['3', 660, '#000000'],
      ['4', 1030, '#000000']
    ]);

如您所见，如果我引用documentation，则该条应该是黑色的。
不是。
此外，这第三列没有添加（所以有些东西将其作为角色捕获，但不执行相关行为）。

我看到了多个关于它的主题，但他们使用的是旧包（不是材料设计）。

感谢大家的帮助。

更新 1：

• 将#00000颜色替换为#000000（不能解决问题，我只是在写这个例子的时候忘记了一个0）

Answer 1

很遗憾，column roles 不适用于材料图表

连同several configuration options

建议使用 core 图表代替

有一个配置选项可以将 core 图表设置为 material

theme: 'material'

但这并不准确，请参阅下面的工作 sn-p...

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

function drawChart(transparent) {
  var data = google.visualization.arrayToDataTable([
    ['1', '2', {role: 'style'}],
    ['1', 1000, '#000000'],
    ['2', 1170, '#000000'],
    ['3', 660, '#000000'],
    ['4', 1030, '#000000']
  ]);

  var options = {
    legend: 'none',
    theme: 'material'
  };

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

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

另外，black 的样式列值应该有六个零而不是五个

--> '#000000'

对比

--> '#00000'