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
Post a Comment