| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <link rel="stylesheet" href="../dist/dygraph.css"> |
| 5 | <title>dygraph</title> |
| 6 | <script type="text/javascript" src="../dist/dygraph.js"></script> |
| 7 | |
| 8 | </head> |
| 9 | <body> |
| 10 | <p>Minimal example of a dygraph chart:</p> |
| 11 | <div id="graphdiv"></div> |
| 12 | <script type="text/javascript"> |
| 13 | g = new Dygraph(document.getElementById("graphdiv"), |
| 14 | "Date,Temperature\n" + |
| 15 | "2008-05-07,75\n" + |
| 16 | "2008-05-08,70\n" + |
| 17 | "2008-05-09,80\n"); |
| 18 | </script> |
| 19 | |
| 20 | <p>Same data, specified in a parsed format:</p> |
| 21 | <div id="graphdiv2"></div> |
| 22 | <script type="text/javascript"> |
| 23 | g2 = new Dygraph(document.getElementById("graphdiv2"), |
| 24 | [ [ new Date("2008/05/07"), 75], |
| 25 | [ new Date("2008/05/08"), 70], |
| 26 | [ new Date("2008/05/09"), 80] |
| 27 | ], |
| 28 | { |
| 29 | labels: [ "Date", "Temperature" ] |
| 30 | }); |
| 31 | </script> |
| 32 | </body> |
| 33 | </html> |