How do I remove the legend from a Google geoChart?

google-visualization
climboid picture climboid · Nov 19, 2011 · Viewed 17.3k times · Source

How do I remove the legend that appears in the bottom of the Google geoChart? I know that if I don't pass data.setValue to the chart object it wont show, but I need them to populate the map. All I want to do is get rid of the colors. Any ideas?

Answer

OldTinfoil picture OldTinfoil · Mar 1, 2012

See : http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html#Configuration_Options

"An object with members to configure various aspects of the legend, or 'none', if no legend should appear."

So basically, when you're passing your configuration options into the API, you want to include the following:

legend: 'none'

A simple example set of chart options would be:

var options = {
    displayMode: 'markers',
    colorAxis: {colors: ['green', 'blue']},
    legend: 'none',
}

The modified version of the marker example provided by google on: http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html#Examples

Related questions

PHP MySQL Google Chart JSON - Complete Example

I have searched a lot to find a good example for generating a Google Chart using MySQL table data as the data source. I searched for a couple of days and realised that there are few examples available for generating …

Read More
Pie chart with jQuery

I want to create a pie chart in JavaScript. On searching I found the Google Charts API. Since we are using jQuery I found that there is jQuery integration for Google Charts available. But my problem is here the actual …

Read More
Remove padding or margins from Google Charts

Example fiddle How do I remove padding or margins in this example?

Read More