Create appearance.js

New stackOrder, d3.stackOrderAppearance(), if you name it (I am not sure of my English) Returns a series order such that the earliest series (index where value > 0 for the first time) is at the bottom. Convenient to make streamgraph look like twisted cord for data entity appears one after another like boxoffice data.
d3 · Jan 23, 2019 · 8b17156 · 8b17156
1 parent 63d7507
commit 8b17156
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/order/appearance b/src/order/appearance
diff --git a/src/order/appearance.js b/src/order/appearance.js
@@ -0,0 +1,10 @@
+export default function(series) {
+  var appearanceIndex = series.map(function(d,i){
+    for(var k = 0, n = d.length;k < n;++k){
+      if(d[k][1] > 0) break;
+    }
+    return [k, i];
+  });
+  appearanceIndex.sort(function(a,b){return a[0] - b[0];})
+  return appearanceIndex.map(function(d){return d[1]});
+}