"CA-NU" gets mapped to a lat/long pair north of the northern edge of the CA 
map; you can see this by using the world 
map: http://jsfiddle.net/asgallant/5bw0vd13/.  You can work around this by 
using the capital instead of the ISO code for mapping:

[{v: 'Iqaluit', f: 'CA-NU'}, 14.6, 39.4]

The "v" parameter in the object is the value to geocode, and the "f" 
parameter is what that value is displayed as in the tooltips; so in this 
case the data is geocoded to the city of Iqaluit, but the tooltips will 
display "CA-NU": http://jsfiddle.net/asgallant/5bw0vd13/1/

On Tuesday, September 23, 2014 11:21:06 AM UTC-4, Alicia wrote:
>
> Hi,
> I am having a problem with my code that is probably pretty simple, I just 
> can't seem to figure it out, can anyone help?
>
> I am trying to create a simple geochart for Canada but cant seem to get 
> 'CA-NU' up there even though it is on my list. 
>
> Here is my code:
>
> <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([
>         ['Prov',   'Youth %', 'Overall %'],
>         ['CA-PE',      51.6,    70.4],
>         ['CA-NL',    29.6,     53.3],
>         ['CA-NB',    41.6,     65.6],
>         ['CA-NS',   37.6,     61.3],
>         ['CA-QC',     45.0,     63.5],
>         ['CA-ON',   38.2,     57.6],
>         ['CA-MB',  31.9,     55.7],
>         ['CA-SK', 30.1,      59.6],
>         ['CA-AB',     33.7,      52.3], 
>         ['CA-BC',   39.9,     55.9],
>         ['CA-YT',  40.2,     62.5],
>         ['CA-NT', 25.2,      47.4], 
>         ['CA-NU', 14.6,      39.4], 
>
>       
>
>       ]);
>
>       var options = {
>         region: 'CA',
>         *displayMode**:* *'markers'**,*
>         colorAxis: {colors: ['red', '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>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Chart 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-chart-api.
For more options, visit https://groups.google.com/d/optout.

Reply via email to