The code you posted works for me (see http://jsfiddle.net/asgallant/fgJzC/).
The only thing I see wrong with it is the trailing comma at the end of the
line:
[new Date(156987413), 41476, 'Bought Pens', 'Bought 200k pens'],
which will cause the code to fail in IE.
On Wednesday, June 27, 2012 2:39:25 AM UTC-4, Antoine O wrote:
>
> Ok thank you for your answer.
> But i'm not used to use google chart and I have an error wherever I put
> that code :
>
> chart.draw(data, { hAxis: {
> format: 'Y,M,d,H';
> } });
>
> the error is
>> "missing } after property list
>> (retrieve_cache?unique_id=eab68f34d8191baa7031f8541e6e6a71062a8bd5,61)"
>
>
>
> Here is my code :
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
> <title>Google Visualization API Sample</title>
> <script type="text/javascript" src="http://www.google.com/jsapi";></
> script>
> <script type="text/javascript">
> google.load('visualization', '1', {packages: ['annotatedtimeline']});
>
> function drawVisualization() {
> var data = new google.visualization.DataTable();
> data.addColumn('date', 'Date');
> data.addColumn('number', 'Sold Pencils');
> data.addColumn('string', 'title1');
> data.addColumn('string', 'text1');
>
> data.addRows([
> [new Date(12133699), 30000, 'title', 'message1'],
> [new Date(12139699), 30000, 'title2', 'message 2'],
> [new Date(1224445555), 14045, null, null],
> [new Date(1236547890), 55022, null, null],
> [new Date(124569873), 75284, null, null],
> [new Date(156987413), 41476, 'Bought Pens', 'Bought 200k pens'],
>
>
>
> ]);
>
>
> var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
> document.getElementById('visualization'));
> annotatedtimeline.draw(data, {'displayAnnotations': true});
>
> var dateFormatter = new google.visualization.DateFormat({pattern:
> 'Y,M,d,H'});
> dateFormatter.format(data, 0);
>
>
>
> }
>
> google.setOnLoadCallback(drawVisualization);
>
> </script>
> </head>
>
> <body style="font-family: Arial;border: 0 none;">
> <div id="visualization" style="width: 800px; height: 400px;"></div>
> </body>
> </html>
>
>
--
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/-/YhPguh7wJTgJ.
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.
