javascript - Google Visualization, can you assign the color of the slice based on a column's value? -



javascript - Google Visualization, can you assign the color of the slice based on a column's value? -

i trying next assign color based on value, not working, assigning default values. methods works other chart types. bear in mind cannot utilize color in options because rows can come in different order. ideas?

var info = new google.visualization.datatable(); data.addcolumn('string', 'status'); data.addcolumn('number', 'count'); data.addcolumn({type: 'string', role: 'style'}); data.addrow(['failure', 8,'color:#ee4a49']); data.addrow(['warning', 1,'color:#e3d157']); data.addrow(['success', 1,'color:#45b7af']);

http://jsfiddle.net/zys27/15/

based on current api think may need preprocess info before passing google charts.

var info = new google.visualization.datatable(); data.addcolumn('string', 'status'); data.addcolumn('number', 'count'); data.addcolumn({type: 'string', role: 'style'}); data.addrow(['failure', 8,'color:#ee4a49']); data.addrow(['warning', 1,'color:#e3d157']); data.addrow(['success', 1,'color:#45b7af']); var mycolors = { 'failure' : 'red', 'success': 'green', 'warning': 'yellow' }; var slicescolor = {}; for( var i=0; < data.getnumberofrows(); i++){ // assume label in first column of each row here // based on string matching, can define criteria want slicescolor[i] = {color: mycolors[data.getvalue(i, 0)] }; } var options = { ... slices: slicescolor } var chart = new google.visualization.piechart(document.getelementbyid('chart')); chart.draw(data, option); } ...

javascript google-visualization

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -