I'm seeing an issue in IE only (IE8 and IE8 Compatibility Mode, Chrome
and Firefox display fine) where some of the columns in the column
chart are not properly aligned with the X axis. You can see an example
of this here: http://i.imgur.com/OCIEu.png
I have other charts where the "floating" bars are the first two in the
group of three and only the first of the three. Is there anything I
can do about this?
Code used to produce the image is below.
google.load('visualization', '1.0', { 'packages': ['corechart'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Value1-1');
data.addColumn('number', 'Value1-2');
data.addColumn('number', 'Value2-1');
data.addColumn('number', 'Value2-2');
data.addColumn('number', 'Value3-1');
data.addColumn('number', 'Value3-2');
data.addRow(['Item1',180,0,null,null,null,null]);
data.addRow(['Item1',null,null,138,0,null,null]);
data.addRow(['Item1',null,null,null,null,100,0]);
data.addRow([null,null,null,null,null,null,null]);
data.addRow(['Item2',73,0,null,null,null,null]);
data.addRow(['Item2',null,null,0,0,null,null]);
data.addRow(['Item2',null,null,null,null,0,0]);
data.addRow([null,null,null,null,null,null,null]);
var options = { title: 'Column Chart Example',
width: 1024,
height: 225,
isStacked: true,
legend: {position: 'none'},
hAxis: {
showTextEvery: 4,
slantedText: true
},
series: [{color: '#d00000'}, {color: '#ca9717'}, {color:
'#0000ca'},
{color: '#ff9a00'}, {color: '#007700'}, {color: '#72ae7b'}]
};
var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
var chartView = new google.visualization.DataView(data);
chart.draw(chartView, options);
}
--
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.
