GoogleのグラフのDataTable +円グラフスタイリング

Question

これは明らかに動作するはずです以下のコードを使用して dataTable.addRow

を経由して円グラフの各スライスの色を設定しようと

：

//[...] 
dataTable.addColumn({type: 'string', role: 'style'}); 
dataTable.addRow([graphData[i], parseFloat(graphData[i + 1]), 'color: #000000;  fill-color:#000000' 
//[...] 

をスタイルセクションごととして発見ここでは：https://developers.google.com/chart/interactive/docs/roles#what-roles-are-available

誰にも円グラフでこれを行う例はありますか？

乾杯、

Answer 1

PieChartためdata formatによれば、利用可能な唯一のオプションの役割はtooltipあります。

ていますが、colors設定オプションを使用して、次の例を参照することができます...

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.PieChart(document.getElementById('piechart')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     ['Category', 'Hours'], 
 
     ['Commute', 2], 
 
     ['Eat',  2], 
 
     ['Sleep',  6] 
 
     ]), 
 
     { 
 
     colors: ['cyan', 'magenta', 'yellow'], 
 
     pieSliceTextStyle: { 
 
      color: 'black' 
 
     } 
 
     } 
 
    ); 
 
    }, 
 
    packages: ['corechart'] 
 
});

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