Having a problem with the below chart.
Displays fine in Firefox and Chrome but in Internet Explorer I get a
"undefined is not a valid color string". This map is embbedded in a Joomla
webpage.
Nothing seems to jump out at me so any help is appreciated.
I have tracked it down to if I set it up as a Pie Chart by changing the two
lines below in Red it will display but as soon as I change it back to the
geochart I get the error.
<script type="text/javascript" src="https://www.google.com/jsapi";></script>
<script type="text/javascript">
google.load('visualization', '1', {'packages': ['geochart']});
<!-- google.load('visualization', '1.0', {'packages':['corechart']}); -->
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {var data = new
google.visualization.DataTable();
data.addColumn('string', 'Country');
data.addColumn('number', 'Value');
data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();
data.addRows([[{v:'Mexico',f:'Mexico'},0,'']]);
ivalue['Mexico'] = '';
data.addRows([[{v:'Russia',f:'Russia'},1,'']]);
ivalue['Russia'] = '';
data.addRows([[{v:'Kuwait',f:'Kuwait'},2,'']]);
ivalue['Kuwait'] = '';
data.addRows([[{v:'China',f:'China'},3,'']]);
ivalue['China'] = '';
data.addRows([[{v:'India',f:'India'},4,'']]);
ivalue['India'] = '';
data.addRows([[{v:'Syria',f:'Syria'},5,'']]);
ivalue['Syria'] = '';
data.addRows([[{v:'Egypt',f:'Egypt'},6,'']]);
ivalue['Egypt'] = '';
data.addRows([[{v:'Iran',f:'Iran'},7,'']]);
ivalue['Iran'] = '';
data.addRows([[{v:'Japan',f:'Japan'},8,'']]);
ivalue['Japan'] = '';
data.addRows([[{v:'Korea',f:'Korea'},9,'']]);
ivalue['Korea'] = '';
data.addRows([[{v:'Vietnam',f:'Vietnam'},10,'']]);
ivalue['Vietnam'] = '';
data.addRows([[{v:'Turkey',f:'Turkey'},11,'']]);
ivalue['Turkey'] = '';
data.addRows([[{v:'Germany',f:'Germany'},12,'']]);
ivalue['Germany'] = '';
data.addRows([[{v:'Puerto Rico',f:'Puerto Rico'},13,'']]);
ivalue['Puerto Rico'] = '';
data.addRows([[{v:'Jordan',f:'Jordan'},14,'']]);
ivalue['Jordan'] = '';
data.addRows([[{v:'Iraq',f:'Iraq'},15,'']]);
ivalue['Iraq'] = '';
data.addRows([[{v:'Greece',f:'Greece'},16,'']]);
ivalue['Greece'] = '';
data.addRows([[{v:'Haiti',f:'Haiti'},17,'']]);
ivalue['Haiti'] = '';
data.addRows([[{v:'Paraguay',f:'Paraguay'},18,'']]);
ivalue['Paraguay'] = '';
data.addRows([[{v:'Spain',f:'Spain'},19,'']]);
ivalue['Spain'] = '';
data.addRows([[{v:'Colombia',f:'Colombia'},20,'']]);
ivalue['Colombia'] = '';
data.addRows([[{v:'Panama',f:'Panama'},21,'']]);
ivalue['Panama'] = '';
data.addRows([[{v:'Thailand',f:'Thailand'},22,'']]);
ivalue['Thailand'] = '';
data.addRows([[{v:'Guinea',f:'Guinea'},23,'']]);
ivalue['Guinea'] = '';
data.addRows([[{v:'Pakistan',f:'Pakistan'},24,'']]);
ivalue['Pakistan'] = '';
data.addRows([[{v:'Ivory Coast',f:'Ivory Coast'},25,'']]);
ivalue['Ivory Coast'] = '';
data.addRows([[{v:'Libya',f:'Libya'},26,'']]);
ivalue['Libya'] = '';
data.addRows([[{v:'Afghanistan',f:'Afghanistan'},27,'']]);
ivalue['Afghanistan'] = '';
var options = {
backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
colorAxis: {minValue: 0, maxValue: 27, colors:
['#BA3838','#75A319','#75A319','#1E90FF','#FFE478',
'#1E90FF','#FFE478','#1E90FF','#BA3838','#FFE478','#FFE478','#FFE478','#1E90FF','#BA3838','#75A319',
'#BA3838','#BA3838','#1E90FF','#BA3838','#FFE478','#1E90FF','#FFE478','#75A319','#75A319','#BA3838',
'#1E90FF','#75A319','#75A319',]},
legend: 'none',
backgroundColor: {fill:'#FFFFFF',stroke:'#FFFFFF' ,strokeWidth:0 },
datalessRegionColor: '#f5f5f5',
displayMode: 'regions',
enableRegionInteractivity: 'true',
resolution: 'countries',
sizeAxis: {minValue: 1, maxValue:1,minSize:10, maxSize: 10},
region:'world',
keepAspectRatio: true,
width:600,
height:400,
tooltip: {textStyle: {color: '#444444'}, trigger:'focus'}
};
var chart = new
google.visualization.GeoChart(document.getElementById('visualization'));
<!-- var chart = new
google.visualization.PieChart(document.getElementById('visualization')); -->
chart.draw(data, options);
}
</script><div id="visualization"> </div>
--
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/-/8zENmWf3E44J.
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.
