Geo chart, countries resolution, region scoped to US, why are AK/HI treated differently?

[Buddy Brewer]

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'});
}
​

[Jérôme]

i want the same kind of fake geographical map for european countries, having islands and overseas countries displayed the same way as for US

[asgallant]

You can work around this problem by adding rows for 'US-AK' and 'US-HI' to the data set:

{c:[{v: "US-AK", f:'United States'}, {v: 4.95}, {v: 35}]},
{c:[{v: "US-HI", f:'United States'}, {v: 4.95}, {v: 35}]}