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.
