Hello, this may or may not be your issue, but you have a trailing comma at
the end of your colorAxis.colors option ("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'*,*]}").
I know that internet explorer can complain about these types of things. Let
me know if this fixes your issue.
- Sergey
On Wed, Dec 12, 2012 at 9:35 AM, rlupin81 <[email protected]> wrote:
> 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.
>
--
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.
