Hi, I'm hoping to get some assistance here with my column chart. The
data table for this chart has three values: a date, an attended value,
and an unattended value. Ideally I want the attended and unattended
values to stack into one column for each date.
My problem is that when I use isStacked: true in my chart options, the
columns ARE stacked but the vertical axis values are huge. The
tooltips still reflect a correct value, but the vertical axis values
and proportions are way off.
Example: on one date I have 120 attended and 24 unattended, but the
stacked column goes all the way up to 12,000 on the v-axis and the
red(unattended) part of the column is massive compared to the almost
invisible (attended) column below it, even though the attended value
is actually 5 times bigger (as confirmed by tooltips).
If I remove isStacked: true from the options the bars appear side by
side, the v-axis is correct, and the height of the bars is correctly
proportional to their value.
Here is my complete function for drawing the chart:
drawChart: function() {
var data = new google.visualization.DataTable(this.chartData);
var options = {
chartArea: {
left: 30,
top: 10,
width: "95%",
height: "80%"
},
isStacked: true,
legend: {
position: 'bottom'
},
title: this.chartTitle,
titlePosition: 'none',
tooltip: {
textStyle: {
color: 'black'
},
trigger: 'focus'
},
vAxis: {
logScale: false
}
};
var chart = new google.visualization.ColumnChart(this.container);
chart.draw(data, options);
}
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
