+<!DOCTYPE html>
<html>
<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<title>Independent Series</title>
<!--[if IE]>
<script type="text/javascript" src="../excanvas.js"></script>
<![endif]-->
- <script type="text/javascript" src="../strftime/strftime-min.js"></script>
- <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
- <script type="text/javascript" src="../dygraph-canvas.js"></script>
- <script type="text/javascript" src="../dygraph.js"></script>
+ <!--
+ For production (minified) code, use:
+ <script type="text/javascript" src="dygraph-combined.js"></script>
+ -->
+ <script type="text/javascript" src="../dygraph-dev.js"></script>
+
<style type="text/css">
.thinborder {
border-width: 1px;
</style>
</head>
<body>
+ <h3>Independent Series</h3>
<p>By using the connectSeparated attribute, it's possible to display a chart of several time series with completely independent x-values.</p>
<p>The trick is to specify values for the series at the union of the x-values of all series. For one series' x values, specify <code>null</code> for each of the other series.</p>
</tr></table>
<script type="text/javascript">
- new Dygraph(
+ var g1 = new Dygraph(
document.getElementById("graph"),
[
[1, null, 3],
"8,8, \n" +
"10,10, \n"
, {
- labels: ["x", "A", "B" ],
connectSeparatedPoints: true,
drawPoints: true
}