with IE 11 the below code produces the error: Object doesn't support this action delete a.onreadystatechange [Line: 137, Col: 203], loader.js
The weird thing is that the problem appears only if I load the page from a remote server (wherever is my local host or a hosting service) and not if I load it directly from disk!
<script type='text/javascript'>
google.charts.load('upcoming', {packages: ['geochart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Country');
data.addColumn('number', 'Value');
data.addColumn({type:'string', role:'tooltip', p: {html: true}});
data.addRows([[{v:'Nigeria',f:'Nigeria Northen Region'},1,'Nigeria Northen Region']]);
data.addRows([[{v:'Botswana',f:'Southern Africa Region'},2,'Southern Africa Region']]);
data.addRows([[{v:'South Sudan',f:'South Sudan'},3,'South Sudan']]);
data.addRows([[{v:'Lebanon',f:'Syria'},4,'Syria']]);
data.addRows([[{v:'Yemen',f:'Yemen'},5,'Yemen']]);
var options = {
forceIFrame : false,
backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
colorAxis: {minValue: 0, maxValue: 6, colors: ['#FFB536','#FFB536','#FFB536','#FFB536','#FFB536','#FFB536',]},
legend: 'none',
backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
datalessRegionColor: '#CBEEF5',
displayMode: 'markers',
enableRegionInteractivity: 'true',
resolution: 'countries',
sizeAxis: {minValue: 1, maxValue:1,minSize:13, maxSize: 13},
region:'002',
keepAspectRatio: true,
width:450,
height:400,
tooltip: {textStyle: {color: '#444444'}, trigger:'selection', isHtml: true}
};
var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
chart.draw(data, options);
}
</script>
<div id='visualization'></div>