You're welcome.

On Monday, November 26, 2012 2:37:29 PM UTC-5, Mike H wrote:
>
> Ugh, silly PHP, thanks for pointing that out!
>
> Attempted to implode the comma, or strip the last comma, but instead 
> re-did the whole array and now it works go away trailing commas!
>
> Thanks!!
>
> On Friday, November 23, 2012 8:54:56 PM UTC-7, asgallant wrote:
>>
>> You get that error because you have an errant comma hanging out at the 
>> end of your data array, which is technically invalid javascript, and will 
>> IE will throw a tantrum if you give it one:
>>
>> ['Hong Kong', 2], // <---this comma is naughty and has to go
>>
>> On Friday, November 23, 2012 4:32:48 PM UTC-5, Mike H wrote:
>>>
>>> Sorry, let me rephrase this.
>>>
>>> The page presents just a white page when viewed in IE. In Chrome and 
>>> Firefox it presents the world map with associated colours that I wanted 
>>> based upon amount of hits.
>>>
>>> When debugging in IE9, I get the error stating "Invalid 2D Array"
>>>
>>> On Friday, November 23, 2012 11:38:05 AM UTC-7, Mike H wrote:
>>>>
>>>> Hi!
>>>>
>>>> I'm hoping you guys can help me out. I'm attempting to utilize Google 
>>>> Visualization API's for a world map, with a php script and HTML/Javascript 
>>>> to show how many hits we have recieved and mapping to a heat map on the 
>>>> map.
>>>>
>>>> What I have works in Chrome and Firefox, but does not work in IE, 
>>>> unfortunately I want this presented in a Sharepoint iFrame which uses IE 
>>>> by 
>>>> default :(
>>>>
>>>> The PHP portion works so I dont think I need to paste that in here, but 
>>>> here is the compiled HTML source that doesnt appear to be working out in 
>>>> IE 
>>>> only.
>>>>
>>>>                                                                         
>>>>                                                                            
>>>>  
>>>>                               
>>>> <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(drawRegionsMap);                         
>>>>                                                                            
>>>>  
>>>>                                  
>>>>                                                                         
>>>>                                                                            
>>>>  
>>>>                                  
>>>>       function drawRegionsMap() {
>>>>         var data = google.visualization.arrayToDataTable([
>>>>         ['Country','Blocks'],
>>>>       ['Japan', 11],
>>>> ['United States', 45],
>>>> ['Argentina', 1],
>>>> ['Brazil', 1],
>>>> ['Bosnia and Herzegovina', 1],
>>>> ['Germany', 4],
>>>> ['France', 2],
>>>> ['Russia', 5],
>>>> ['China', 24],
>>>> ['Thailand', 1],
>>>> ['New Zealand (Aotearoa)', 1],
>>>> ['Turkey', 1],
>>>> ['Korea (South)', 6],
>>>> ['Panama', 2],
>>>> ['Taiwan', 6],
>>>> ['Canada', 14],
>>>> ['Luxembourg', 1],
>>>> ['United Kingdom', 1],
>>>> ['Philippines', 1],
>>>> ['Singapore', 3],
>>>> ['Switzerland', 2],
>>>> ['Hong Kong', 2],
>>>>         ]);
>>>>  
>>>>         var options = {
>>>>                         backgroundColor : '#25383c',
>>>>                         colors : ['#FFFFFF', '#FF0000']
>>>>                         };
>>>>  
>>>>         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>
>>>>
>>>>
>>>> Any thoughts on what may be happening? I didn't call "var chart" more 
>>>> than once which I saw was a resolution for someone else in the group.
>>>>
>>>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-visualization-api/-/zVmdRoGlhlEJ.
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