Hi, There isn't really an easy way to do what you want. Normally, the color would be determined from the 'Region' column. If "Middle East" is the only value that ever appears in your "Region" column, then you should try to figure out a different way of splitting up your series instead of mapping them all to "Middle East". An alternative solution is that you could give your series more complex identifiers, like "Middle East - EGY". Hopefully one of these solutions will work for you. If they don't, please file a feature request to add the style role to Bubble Charts.
On Tue Feb 03 2015 at 10:47:04 AM Parthiban R <[email protected]> wrote: > Dear All, > > *Bubble Google Chart* > > 1. Need to change the color of the given bubble based on the code. > 2. Region will be Middle East - For the Middle East region bubble need to > show in different colors. > > Thanks in Advance.... > > > <html> > <head> > <script type="text/javascript" src="https://www.google.com/jsapi > "></script> > <script type="text/javascript"> > google.load("visualization", "1", {packages:["corechart"]}); > google.setOnLoadCallback(drawSeriesChart); > > function drawSeriesChart() { > > var data = google.visualization.arrayToDataTable([ > ['ID', 'Life Expectancy', 'Fertility Rate', 'Region', > 'Population'], > ['EGY', 72.73, 2.78, 'Middle East', > 79716203], > ['IRN', 72.49, 1.7, 'Middle East', > 73137148], > ['IRQ', 68.09, 4.77, 'Middle East', > 31090763], > ['ISR', 81.55, 2.96, 'Middle East', > 7485600] > ]); > > var options = { > title: 'Correlation between life expectancy, fertility rate and > population of some world countries (2010)', > hAxis: {title: 'Life Expectancy'}, > vAxis: {title: 'Fertility Rate'}, > bubble: {textStyle: {color: 'none'}} > }; > > var chart = new > google.visualization.BubbleChart(document.getElementById('series_chart_div')); > chart.draw(data, options); > } > </script> > </head> > <body> > <div id="series_chart_div" style="width: 900px; height: 500px;"></div> > </body> > </html> > > Thanks and Regards > Parthiban. R > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
