Wie handhaben Schichten mit fehlenden Datenpunkten in d3.layout.stack()

Stack nicht wirklich, was es sagt, das stapeln von Graphen, so dass Sie als Nutzer sind verantwortlich für die Bereitstellung der Daten in das richtige format. Dies macht Sinn, wenn man darüber nachdenkt, denn stack ist im Grunde Daten, die format-agnostisch. Es bietet eine große Flexibilität, mit der einzigen Einschränkung, dass für jede Schicht kann auf die gleiche Anzahl von Punkten. Wie wäre es zu bestimmen, welche Punkte fehlen? Gegeben, dass die erste Schicht hatte die fünf Punkte und die zweite Schicht hat zehn Punkte, ist die erste Ebene, die fehlenden fünf Punkte? Oder sind beide Ebenen fehlende Punkte, weil eine Dritte Schicht enthält noch mehr Punkte. Und dann wenn die Punkte fehlen, welche? Am Anfang, am Ende, irgendwo in der Mitte? Wieder gibt es keine vernünftige Möglichkeit für eine stack-Implementierung, um dies herauszufinden (es sei denn, es zwingen würde, sehr starre Datenstrukturen).

So, aber es ist nichts, was man tun kann? Ich denke, man kann. Ich kann nicht geben Sie eine vollständige Umsetzung kann aber geben Ihnen einige Hinweise in die richtige Richtung. Wir beginnen hier:

var stack = d3.layout.stack()
  .offset("zero")
  .values(function(d) { return d.values; })

Hier einfach nur wieder die Werte, die in deinem Beispiel wird das Ergebnis der nest-operator. So an diesem Punkt haben Sie die Möglichkeit, zu "reparieren" die Werte.

Das erste, was Sie tun müssen, ist die Bestimmung der maximalen Anzahl der Beobachtungen.

var nested = nest.entries(data);
var max = nested.reduce(function(prev, cur) {
  return Math.max(prev, cur.values.length);
}, 0);

Nun kam der schwierige Teil. Sobald Sie wissen, die maximale Anzahl der Elemente, die Sie brauchen, anpassen
die Funktion, die übergeben Werte. Hier müssen Sie Ihre Annahmen auf die Daten.
Von Ihnen Frage ich verstehe, dass für einige Gruppen, die Werte fehlen. Es gibt also zwei
Möglichkeiten. Entweder du davon ausgehen, dass die Gruppe mit der maximalen Anzahl von Elementen enthält alle Elemente, die in dem Bereich oder übernehmen Sie eine bestimmte Palette und überprüfen Sie alle Gruppen, wenn Sie
die Werte enthalten, für jeden "tick" in Ihrem Sortiment. Also, wenn Ihr Bereich ist ein Datum (wie in Ihrem
Beispiel) und Sie erwarten für jeden Tag (oder was auch immer-Intervall für diese Angelegenheit), eine Messung, Sie müssen zu Fuß die Elemente in der Gruppe und füllen die Lücken selbst. Ich werde versuchen (ungetestet) Beispiel für einen numerischen Bereich:

//define some calculated values that can be reused in correctedValues
var range = [0, 1];
var step = 0.1;

function correctedValues(d) {
  var values = d.values;
  var result = [];
  var expected = 0;
  for (var i = 0; i < values.length; ++i) {
     var value = values[i];
     //Add null-entries
     while (value.x > expected) {
       result.push({x: expected, otherproperties_you_need... });
       expected += step;
     }
     result.push(value); //Now add the real data point.
     expected = value.x;
  }

  //Fill up the end of of the array if needed
  while(expected < range[1]) {
    result.push({x: expected, otherproperties_you_need... });
    expected += step;
  }
  return result;
}

//Now use our costom function for the stack
var stack = d3.layout.stack()
 .offset("zero")
 .values(correctedValues)
...

Wie gesagt, dieser Teil ist ungetestet und nicht direkt um Ihr problem zu lösen (wie ich es bin mit einem numerischen Bereich), aber ich denke, es sollte Ihnen eine Idee geben, wie Sie Ihr problem lösen (und was die eigentliche Quelle des Problems ist).