Thanks for this, I hadn't realised that you could do that. I'll give it a try :)
On Mar 30, 4:53 pm, asgallant <[email protected]> wrote: > This may be a bug in the Flash code that generates GeoMaps. If you switch > to SVG-based GeoCharts, the problem goes away:http://jsfiddle.net/gQbnv/ > > > > > > > > On Friday, March 30, 2012 11:11:24 AM UTC-4, Rob wrote: > > > I'm pretty new to using the Google Chart Tools and am experimenting > > using the Geomap so please excuse me if I am asking something obvious. > > > I am trying to plot some figures on the map for each country but am > > having trouble with countries which contain an apostophe such as: Côte > > d'Ivoire. I can plot the country on the map using the region code CI > > but when I try to put the countries name in the Hover Text column it > > breaks the page. If I escape the apostrophe then it simply displays a > > space. How should I escape or encode the the apostrophe in order to > > display it? > > > Here is a simplified version of my code: > > > <html> > > <head> > > <script type='text/javascript' src='https://www.google.com/jsapi'></ > > script> > > <script type='text/javascript'> > > google.load('visualization', '1', {'packages': ['geomap']}); > > google.setOnLoadCallback(drawMap); > > > function drawMap() { > > var data = new google.visualization.DataTable(); > > data.addRows(4); > > data.addColumn('string', 'Country'); > > data.addColumn('number', 'Documents'); > > data.addColumn('string', 'HOVER', 'HoverText'); > > data.setValue(0, 0, 'CI'); > > data.setValue(0, 1, 800); > > data.setValue(0, 2, 'Côte d'Ivoire'); > > data.setValue(1, 0, 'RU'); > > data.setValue(1, 1, 300); > > data.setValue(1, 2, 'Russia'); > > data.setValue(2, 0, 'BR'); > > data.setValue(2, 1, 400); > > data.setValue(2, 2, 'Brazil'); > > data.setValue(3, 0, 'FR'); > > data.setValue(3, 1, 700); > > data.setValue(3, 2, 'France'); > > > var options = {}; > > options['dataMode'] = 'regions'; > > options['width'] = '1082'; > > options['height'] = '700'; > > > var container = document.getElementById('map_canvas'); > > var geomap = new google.visualization.GeoMap(container); > > geomap.draw(data, options); > > }; > > </script> > > </head> > > > <body> > > <div id='map_canvas'></div> > > </body> > > > </html> -- 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.
