Hello there,
i am new to google charts and i'm still a bit confused by everything. So
please try to keep your answers simple ;)
My problem is that i want to use a annotation chart which get's the data
from an csv file. I already used a csv file with line charts.
I have already tried to use the example from the annotation graph site and
the example works fine.
So my question is which kind of information do i need to put in the csv
file?
in my old csv files for the line chart it looked somewhat like this:
Time Span,Loess,Tester
00.00.10,2296.8402,2180.0715
00.00.20,2296.8097,2263.7451
00.00.30,2296.8037,2265.2924
00.00.37,2296.7763,2190.3187
00.00.50,2296.7660,2200.1286
now i want the annotation graph to read a time stamp in HH:mm:ss format
like 14:23:06 and two different values for example: 2296.8402 and 2180.0715
i know that i need to somehow change the section after
var data = new google.visualization.DataTable();
and before
var chart = new
google.visualization.AnnotationChart(document.getElementById('div_117'));
but i don't know how :(
<script type='text/javascript'>
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Kepler-22b mission');
data.addColumn('string', 'Kepler title');
data.addColumn('string', 'Kepler text');
data.addColumn('number', 'Gliese 163 mission');
data.addColumn('string', 'Gliese title');
data.addColumn('string', 'Gliese text');
data.addRows([
[new Date(2314, 1, 15), 12400, undefined, undefined,
10645, undefined, undefined],
[new Date(2314, 1, 18), 24045, 'Lalibertines', 'First encounter',
12374, undefined, undefined],
[new Date(2314, 2, 17), 35022, 'Lalibertines', 'They are very
tall',
15766, 'Gallantors', 'First Encounter'],
[new Date(2314, 2, 18), 12284, 'Lalibertines', 'Attack on our
crew!',
34334, 'Gallantors', 'Statement of shared
principles'],
[new Date(2314, 2, 19), 8476, 'Lalibertines', 'Heavy casualties',
66467, 'Gallantors', 'Mysteries
revealed'],
[new Date(2314, 2, 25), 0, 'Lalibertines', 'All crew lost',
79463, 'Gallantors', 'Omniscience
achieved']
]);
var chart = new
google.visualization.AnnotationChart(document.getElementById('div_117'));
var options = {
displayAnnotations: true,
};
chart.draw(data, options);
}
</script>
maybe you can give me a small example how to do the csv file and how to
import it into the graph
thank you :)
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
