You can view the implementation here: http://beyondlitter.com/#budget
In IE8, 3 of the 7 slices of the pie chart are being mislabeled and
colored incorrectly.
It was happening in IE9 as well but when I used a double quote around
passed strings "'value'" it resolved the problem.
I have attached the initialization code at the bottom of this list.
Also, One IE8 machine works as long as compatability view is
turned off, while another machine (running IE8 as well) mislabels w/
Comp. View turned off and when it is turned on
----Initialization Code below ---
var data = new google.visualization.DataTable();
data.addColumn('string', 'Function');
data.addColumn('number', 'Importance');
data.addRows(7);
data.setValue(0, 0, "'Litter Control'");
data.setValue(0, 1, 80);
data.setValue(1, 0, "'Safety'");
data.setValue(1, 1, 35);
data.setValue(2, 0, "'Landscaping'");
data.setValue(2, 1, 42);
data.setValue(3, 0, "'Hospitality'");
data.setValue(3, 1, 52);
data.setValue(4, 0, "'Outreach'");
data.setValue(4, 1, 65);
data.setValue(5, 0, "'Technology'");
data.setValue(5, 1, 25);
data.setValue(6, 0, "'Cleaning'");
data.setValue(6, 1, 20);
var options = {
slices: [
{color: '#71BF44'},
{color: '#66CCFF'},
{color: '#FF6600'},
{color: '#660099'},
{color: '#0066B3'},
{color: '#EE1651'},
{color: '#FFCB08'} ] ,
legend: 'none',
pieSliceText: 'none',
tooltip: {
text: "'percentage'",
textStyle: { fontSize: 18} },
height: 250, width: 250,
chartArea: {
width: 230,
height: 230} };
wrapper = new google.visualization.ChartWrapper( { chartType:
'PieChart', containerId: 'visualization' , options: options } );
wrapper.setDataTable(data);
google.visualization.events.addListener(wrapper, 'ready',
readyHandler);
ready = false;
wrapper.draw();
--
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.
