I have an error when rendering a pie-chart:
"Cannot read property 'bottom' of undefined"
and I cannot track why this is now appearing (recently it did not). How can
we investigate where this is coming from, particularly if it is some
style/script 'conflict' with another library? This is the code that is
presently (and only recently) creating this error in the div where the
chart is supposed to be:
// setting some variables and so on before this point
google.load('visualization', '1', {packages:['corechart']});
google.setOnLoadCallback(drawMyChartCallback);
function drawMyChartCallback(){
var _selected = json.packets.current;
var _other = json.packets.max - json.packets.current;
var data = google.visualization.arrayToDataTable([
['Database packets', 'Number Selected'],
['Packets in selection ('+numberWithCommas(_selected)+')',_selected],
['Other ('+numberWithCommas(_other)+')',_other]
]);
var options = {
fontSize: 16,
legend: 'labeled', //none, left, top, labeled
chartArea: {width: '65%', height: '80%', left:10, top:10, bottom:10},
pieSliceText: 'none',
pieStartAngle: 135,
tooltip: { trigger: 'label' },
sliceVisibilityThreshold:0,
slices: {
0: { color: 'lightgreen' }, //green, lightgreen
1: { color: 'lightgrey' } //grey, lightgrey
}
};
new google.visualization.PieChart(document.getElementById('google_piechart'
)).draw(data, options); //google_piechart is the div
}//callback
--
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-chart-api.
For more options, visit https://groups.google.com/d/optout.