Google Graph DataTable + PieChart моделирование

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

согласно data format для PieChart, единственная опция роль доступна 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>