+<!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>
</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>
<p>The gap would normally be encoded as a null, or missing value. But when you use <code>connectSeparatedPoints</code>, that has a special meaning. Instead, you have to use <code>NaN</code>. This is a bit of a hack, but it gets the job done.</p>
<script type="text/javascript">
- new Dygraph(
+ g2 = new Dygraph(
document.getElementById("graph2"),
"x,A,B \n" +
"1,,3 \n" +