谷歌圖表（材料） - 類型欄 - 在角色風格KO arrayToDataTable中的數據？

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

Answer 1

不幸的是，column roles不（不解決這個問題，我只是寫這個例子的時候忘了0）工作與素材圖表

與several configuration options

沿建議使用核心圖表，而不是

存在將風格核心圖表作爲材料

theme: 'material'

配置選項，但它不完全一樣，看到下面的工作片段...

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>

也爲黑樣式列的值應該有六個零對5

- >'#000000'

與

- >'#00000'