Hi, hope someone can help me. I need to display a country-level map of
the United States (i.e. resolution: 'countries', region: 'US'). The
underlying data table contains a single row whose metrics describe
something that spans all fifty states, including HI and AK.

My problem is the map behavior. When I display the map (see sample
code below), only the lower 48 part of the US is colored. And when I
click on AK or HI I can see why. AK is throwing an event that says it
is actually US-AK, and HI is throwing one for US-HI. I don't want that
- I want the entire map to be colored and for AK/HI to show my summary
statistic for the US when moused over. You can reproduce what I'm
describing by pasting the following code into
https://code.google.com/apis/ajax/playground/?type=visualization#geo_chart

Thanks for any help anyone can provide!

function drawVisualization() {
  var data = new google.visualization.DataTable({
  cols: [
    {id: 'country', label: 'Country', type: 'string'},
    {id: 'load', label: 'Median', type: 'number'},
    {id: 'n', label: 'Measurements', type: 'number'}
  ],
  rows: [
      {c:[{v: "United States"}, {v: 4.95}, {v: 35}]},
  ]
});

  var geochart = new
google.visualization.GeoChart(document.getElementById('visualization'));
  geochart.draw(data, {width: 556, height: 347, region: 'US'});
}
​

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en.

Reply via email to