X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Findependent-series.html;h=eb9a604e3a27e486c0d2209e191ac159e7f745dd;hb=a716aff2f83602d77caec236eaa9826ecf1b12c8;hp=ad0357495995bbac14b2bb008b6427fc448a72ab;hpb=75c589da9e8e764d354a24c9c7640733e7f036e9;p=dygraphs.git diff --git a/tests/independent-series.html b/tests/independent-series.html index ad03574..eb9a604 100644 --- a/tests/independent-series.html +++ b/tests/independent-series.html @@ -1,13 +1,17 @@ + + Independent Series - - - - + + + +

Independent Series

By using the connectSeparated attribute, it's possible to display a chart of several time series with completely independent x-values.

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 null for each of the other series.

-
+

For example, say you had two series:

@@ -39,16 +44,16 @@ - - + +
xA
22
44
66
46
64
 - - + +
xB
13
35
57
37
55
@@ -60,42 +65,45 @@ 
X,A,B
 1,,3
 2,2,
-3,,5
-4,4,
-5,,7
-6,6,
+3,,7 +4,6, +5,,5 +6,4, (native) 
[
 [1, null, 3],
 [2, 2, null],
-[3, null, 5],
-[4, 4, null],
-[5, null, 7],
-[6, 6, null] ]
+[3, null, 7], +[4, 6, null], +[5, null, 5], +[6, 4, null] ] -

There's one extra wrinkle. What if one of the series has a missing value, i.e. what if your series are something like +

Encoding a gap

+

There's one extra wrinkle. What if one of the series has a missing + value, i.e. what if your series are something like

@@ -119,28 +127,53 @@
-
+

The gap would normally be encoded as a null, or missing value. But when you use connectSeparatedPoints, that has a special meaning. Instead, you have to use NaN. This is a bit of a hack, but it gets the job done.

+ + + +
+ (CSV) + 
x,A,B
+1,,3
+2,2,
+3,,5
+4,4,
+5,,7
+6,NaN,
+8,8,
+10,10,
+ 		+ (native) + 
[ [1, null, 3],
+  [2, 2, null],
+  [3, null, 5],
+  [4, 4, null],
+  [5, null, 7],
+  [6, NaN, null],
+  [8, 8, null],
+  [10, 10, null] ]
+
+