Google Graph Table + Piechart Styling

Question

die Farbe jedes Stück des Tortendiagramms über die dataTable.addRow

Verwendung des folgenden Codes zu setzen versuchen, sollte dies scheinbar arbeiten:

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

Gemäß dem Stil Abschnitt gefunden hier: https://developers.google.com/chart/interactive/docs/roles#what-roles-are-available

Hat jemand irgendwelche Beispiele dafür, dies mit einem Tortendiagramm zu tun?

Cheers,

Answer 1

nach dem data format für eine PieChart, die einzige verfügbare optionale Rolle ist tooltip.

aber Sie können die colors Konfigurationsoption verwenden, finden Sie folgende Beispiel ...

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>