Настройка определенных цветов в диаграммах Google

Question

У меня есть визуализация Google, где я хочу установить конкретные цвета каждого фрагмента/бара pie на основе столбца в datatable.

т.е. у меня есть таблица количества людей, которые голосовали за свои любимые цвета:

*Input table* 
id Color Num Votes 
1 'Red' 10 
2 'Blue' 100 
3 'Green' 50 

Как настроить цвета на круговой диаграмме, так что срез для «Red» окрашен в красный цвет, и т.д? Однако из-за набора данных я не могу гарантировать, что строки будут в определенном порядке, поэтому не может создать массив цветов.

Думаю, мне нужно использовать форматирование, но не могу заставить его работать.

var formatter = new google.visualization.ColorFormat(); 
formatter.addRange('Blue', 'Blue', 'blue', 'blue'); 
formatter.format(data, 1); 

Заранее спасибо

Answer 1

Easy,

Просто установите его на var options

это должно быть так:

var options = {'title':'Your Title', 
       'width':XXX, 
       'height':XXX, 
       colors:['Blue', 'Blue', 'blue', 'blue']}; 

Answer 2

Установите параметры с помощью второго параметра метод draw().

var chartOptions = { 
    title: 'My Awesome Chart', 
    colors: ['#657CD0','#DA68A0','#06C3C0','#777B80','#7C6D70','#7C0850','#F75870'] 
}; 

var pieChart = new google.visualization.PieChart(document.getElementById('pieChart')); 
pieChart.draw(someData, chartOptions); 

Заканчивать этот выбор цвета для Google Visualization: http://www.philipwhitt.com/projects/google-visualization-theme-picker, это может дать вам несколько полезных цветовых идей.