<!--[if IE]>
<script type="text/javascript" src="excanvas.js"></script>
<![endif]-->
- <script type="text/javascript" src="combined.js"></script>
+ <script type="text/javascript" src="dygraph-combined.js"></script>
<style type="text/css">
.thinborder {
border-width: 1px;
</head>
<body>
<center>
- <p><span style="font-size:30pt;">dygraphs JavaScript Library</span><br/>
- (Contact: <a href="mailto:danvdk@gmail.com">Dan Vanderkam</a>)</p>
+ <p><span style="font-size:28pt;">dygraphs JavaScript Library</span><br/>
+ <a href="http://code.google.com/p/dygraphs/">code.google.com/p/dygraphs</a></p>
</center>
<p>The dygraphs JavaScript library produces produces interactive, zoomable charts of time series based on CSV files.</p>
<h3>Caveats</h3>
<ul>
<li>Requires Firefox 1.5+ or Safari/WebKit 1.3+.</li>
- <li>Internet Explorer is not at all supported!</li>
- <li>Can only plot time series with granularity >= 1 day</li>
+ <li>Internet Explorer is poorly supported.</li>
</ul>
<h2>Demo</h2>
<table><tr><td>
<div id="demodiv" style="width:480px; height:320px;"></div>
</td><td valign=top>
-<div id="status" style="width:200px; font-size:0.8em"></div>
+<div id="status" style="width:200px; font-size:0.8em; padding-top:5px;"></div>
</td>
-</tr></table></p>
+</tr></table>
<script type="text/javascript">
g = new DateGraph(
document.getElementById("demodiv"),
"rgb(255,100,100)",
"#00DD55",
"rgba(50,50,200,0.4)"],
- padding: {left: 40, right: 30, top: 5, bottom: 15},
+ padding: {left: 40, right: 30, top: 15, bottom: 15}
}
);
</script>
<h2>Usage</h2>
-<p>The DateGraph library depends on two other JS libraries: <a href="http://www.mochikit.com/">MochiKit</a> and <a href="http://www.liquidx.net/plotkit/">PlotKit</a>. Rather than tracking down copies of these libraries, I recommend using a packed version of dygraphs that combines all three libraries into a single JS file. To generate this file, go to a perforce client and run:</p>
+<p>The DateGraph library depends on two other JS libraries: <a href="http://www.mochikit.com/">MochiKit</a> and <a href="http://www.liquidx.net/plotkit/">PlotKit</a>. Rather than tracking down copies of these libraries, I recommend using a packed version of dygraphs that combines all three libraries into a single JS file. Either grab this file from dygraph project's <a href="http://code.google.com/p/dygraphs/downloads/list">downloads</a> page or create it yourself by <a href="http://code.google.com/p/dygraphs/source/checkout">checking out</a> a copy of the code and running:
-<pre>blaze build spam/utils/dygraphs:combined</pre>
+<pre>./generate-combined.sh</pre>
-<p>The combined JS file is now in <code>blaze-genfiles/spam/utils/dygraphs/combined.js</code>. Here's a basic example to get things started:</p>
+<p>The combined JS file is now in <code>dygraph-combined.js</code>. Here's a basic example to get things started:</p>
<table>
<tr><th>HTML</th>