I don't think there is any way to get the axes to display time in the hh:mm
format, but you could convert your time to decimal format (ie 1:45 = 1.75),
set the formatted value for display on the bars, lines, etc, and label your
axes "Hours."
Something like:
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Individual_Activities');
data.addColumn('number','BVB Dortmund');
data.addRows(2);
data.setValue(0, 0, 'Individual_Activities');
data.setValue(0, 1, 20.75, "20:45");
data.setValue(1, 0, 'BVB Dortmund');
data.setValue(1, 1, 32.5, "32:30");
var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div3'));
chart.draw(data, {width: 400, height: 240,
colors: ['#84AACB', '#84AACB', '#84AACB' ,'#84AACB', '#84AACB',
'#84AACB'],
chartArea: {top:4},
vAxis:{minValue:0, title: "Hours"},
legend: 'none',
fontName:'Helvetica',
fontSize:11,
is3D: true
});
}
Also, if you plan on using more than 1 chart on a page, you only want to
call google.load(...) and google.setOnLoadCallback(...) once. If you want
to draw all three charts at once, move their code into one function or
create a function that calls the other three and put that in
setOnLoadCallback.
--
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/-/pGIaAQuxBzUJ.
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.
