To use dygraphs, include the dygraph-combined-dev.js JavaScript file and instantiate a Dygraph object.
To use dygraphs, include the dygraph.js JavaScript file
+and dygraph.css CSS file. Then instantiate a Dygraph object.
Here's a basic example to get things started:
@@ -17,7 +18,8 @@ <html> <head> <script type="text/javascript" - src="dygraph-combined-dev.js"></script> + src="dygraph.js"></script> +<link rel="stylesheet" src="dygraph.css" /> </head> <body> <div id="graphdiv"></div> @@ -69,7 +71,8 @@ <html> <head> <script type="text/javascript" - src="dygraph-combined-dev.js"></script> + src="dygraph.js"></script> +<link rel="stylesheet" src="dygraph.css" /> </head> <body> <div id="graphdiv2" @@ -120,7 +123,8 @@ <html> <head> <script type="text/javascript" - src="dygraph-combined-dev.js"></script> + src="dygraph.js"></script> +<link rel="stylesheet" src="dygraph.css" /> </head> <body> <div id="graphdiv3" @@ -170,7 +174,8 @@ <html> <head> <script type="text/javascript" - src="combined.js"></script> + src="dygraph.js"></script> +<link rel="stylesheet" src="dygraph.css" /> </head> <body> <div id="graphdiv4" @@ -231,11 +236,9 @@ AnnotatedTimeline visualization used on Google Finance and other sites. To see how this works, check out the gviz annotation demo. -For a simple demonstration of how to use dygraphs a GViz visualization, see http://danvk.org/dygraphs/tests/gviz.html. dygraphs can also be used as a GViz gadget. This allows it to be embedded inside of a Google Spreadsheet. For a demonstration of this, see this spreadsheet. The URL for the gadget is http://danvk.org/dygraphs/gadget.xml.
Here's an example of a published gviz gadget using dygraphs:
- - +Here is another demonstration of +how to use dygraphs a GViz visualization. +