Commit | Line | Data |
---|---|---|
41ee764f DV |
1 | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
fd6b8dad | 4 | <link rel="stylesheet" href="../dist/dygraph.css"> |
41ee764f | 5 | <title>Native format annotations</title> |
fbd6834a | 6 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
41ee764f DV |
7 | </head> |
8 | <body> | |
9 | <p>This test demonstrates how annotations can be used with <a href="http://dygraphs.com/data.html#array">native-format</a> data.</p> | |
10 | ||
11 | <div id="demodiv"></div> | |
12 | ||
13 | <script type="text/javascript"> | |
14 | g = new Dygraph( | |
15 | document.getElementById("demodiv"), | |
16 | [ | |
17 | [ new Date("2011/11/01"), 100 ], | |
18 | [ new Date("2011/11/02"), 200 ], | |
19 | [ new Date("2011/11/03"), 300 ], | |
20 | [ new Date("2011/11/04"), 100 ], | |
21 | [ new Date("2011/11/05"), 200 ], | |
22 | [ new Date("2011/11/06"), 300 ], | |
23 | [ new Date("2011/11/07"), 200 ], | |
24 | [ new Date("2011/11/08"), 100 ] | |
25 | ], | |
26 | { | |
27 | labels: [ 'Date', 'Value' ] | |
28 | } | |
29 | ); | |
30 | ||
31 | g.setAnnotations([{ | |
32 | series: 'Value', | |
33 | x: Date.parse('2011/11/04'), | |
34 | shortText: 'M', | |
35 | text: 'Marker' | |
36 | }]); | |
37 | </script> | |
38 | </body> | |
39 | </html> |