X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Findependent-series.html;h=d0ac975105b1c0638d6417864efd54a1a6e5fb8d;hb=b1a3b195f92497b7dd659171af60fa46c93c50c2;hp=ad0357495995bbac14b2bb008b6427fc448a72ab;hpb=75c589da9e8e764d354a24c9c7640733e7f036e9;p=dygraphs.git diff --git a/tests/independent-series.html b/tests/independent-series.html index ad03574..d0ac975 100644 --- a/tests/independent-series.html +++ b/tests/independent-series.html @@ -1,13 +1,17 @@ +
+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 @@
|
|
X,A,B 1,,3 2,2, -3,,5 -4,4, -5,,7 -6,6,+3,,7 +4,6, +5,,5 +6,4,
[ [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 +
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,54 @@ |
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] ]+ |
+