{d3.js} Migration von v3 nach v4: Code-Arbeit an v3 (d3.layout.stack ()) Fehler v4 (d3.stack ())
Ich versuche D3 von v3 auf v4 zu migrieren:
Lesen:https: //github.com/d3/d3/blob/master/CHANGES.md#shapes-d3-shap
Sehen:d3.layout.stack
↦ d3.stack
Ich habe meinen Arbeitscode geändert:
Code arbeitet an v3:(d3.layout.stack())
Code produziert Fehler in v4:(d3.stack())
V4:
var dvstack = d3.stack();
var layers = dvstack(d3.range(nLocal).map(function(d,i) { ...
console.log(dvstack);
function stack(data) {
var kz = keys.apply(this, arguments),
i,
m = data.length,
n = kz.length,
sz = new Array(n),
oz;
for (i = 0; i < n; ++i) {
for (var ki = kz[i], si = sz[i] = new Array(m), j = 0, sij; j < m;++j) {
si[j] = sij = [0, +value(data[j], ki, j, data)];
sij.data = data[j];
}
si.key = ki;
}
for (i = 0, oz = order(sz); i < n; ++i) {
sz[oz[i]].index = i;
}
offset(sz, oz);
return sz; }
layers[c].dvnum = c;
Error: SCRIPT5007: Eigenschaft 'dvnum' von undefinierter oder Nullreferenz kann nicht festgelegt werden
V3:
var stack = d3.layout.stack();
var layers = stack(d3.range(nLocal).map(function(d,i) { ...
console.log(stack);
function stack(data, index) {
if (!(n = data.length)) return data;
var series = data.map(function(d, i) {
return values.call(stack, d, i);
});
var points = series.map(function(d) {
return d.map(function(v, i) {
return [ x.call(stack, v, i), y.call(stack, v, i) ];
});
});
var orders = order.call(stack, points, index);
series = d3.permute(series, orders);
points = d3.permute(points, orders);
var offsets = offset.call(stack, points, index);
var m = series[0].length, n, i, j, o;
for (j = 0; j < m; ++j) {
out.call(stack, series[0][j], o = offsets[j], points[0][j][1]);
for (i = 1; i < n; ++i) {
out.call(stack, series[i][j], o += points[i - 1][j][1], points[i][j][1]);
}
}
return data; }
layers[c].dvnum = c;
Screenshot des Arbeitscodes in v3:
Screenshot des Arbeitscodes (D3 v3) console.log (Ebenen)
Screenshot des (D3 v4) console.log (Ebenen)