In markers mode, the GeoCharts can chart 3 dimensions of data: location, marker size, and marker color. All data within the chart is charted by the same dimensions (ie, you can't have one series that uses population size and one that uses median income for the marker size dimension of the chart). If you need to chart more dimensions, you will need to use multiple charts.
On Tuesday, July 16, 2013 2:13:31 PM UTC-4, Jay Swann wrote: > > Hello all. I am new to geocharting and have a question regarding the > ability to geochart multiple measures. I am looking at the geochart > example and it provides a data array that includes population and area by > city and a color axis to describe the data. Can another data array also be > included that includes a different set of cities, a different measure, > let's say median income, and is colored by a different color band? > > Below is the sample code provided: > > > ------------------------------------------------------------------------------------------------------------------------------------------------------------- > > <html> > <head> > <script type='text/javascript' src='https://www.google.com/jsapi > '></script> > <script type='text/javascript'> > google.load('visualization', '1', {'packages': ['geochart']}); > google.setOnLoadCallback(drawMarkersMap); > > function drawMarkersMap() { > *var data = google.visualization.arrayToDataTable([* > * ['City', 'Population', 'Area'],* > * ['New York', 2761477, 1285.31],* > * ['Chicago', 1324110, 181.76],* > * ['Los Angeles', 959574, 117.27],* > * ['Miami', 907563, 130.17],* > * ['San Antonio', 655875, 158.9],* > * ['Sacramento', 607906, 243.60],* > * ['Phoenix', 380181, 140.7],* > * ['Philadelphia', 371282, 102.41],* > * ['Bluffton', 67370, 213.44],* > * ['Cleveland', 52192, 43.43],* > * ['Detroit', 38262, 2000]* > * ]);* > > var options = { > region: 'US', > displayMode: 'markers', > *colorAxis: {colors: ['green', 'blue']}* > }; > > var chart = new > google.visualization.GeoChart(document.getElementById('chart_div')); > chart.draw(data, options); > }; > </script> > </head> > <body> > <div id="chart_div" style="width: 900px; height: 500px;"></div> > </body> > </html> > > > ------------------------------------------------------------------------------------------------------- > > Cheers, > Jay > -- 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/groups/opt_out.
