d3.js とnvd3を使用して折れ線グラフを作成しようとしていますが、レンダリング エラーが発生し続け、いくつかの要素が正しく描画されないか、まったく描画されないようです。
エラーコンソールに表示されるエラーはError: Problem parsing d="MZ"
nvd3 のコードを調べたところ、このコードは を使用して頂点のリストを結合していることがわかりましたL
(したがって、正しい点の例は になりますd="M0 0L1 1L1 0Z
) 。
グラフを作成するための私のコードは次のとおりです。
nv.addGraph(function () {
var chart = nv.models.stackedAreaChart()
.x(function (d) {
return d[0]
})
.y(function (d) {
return d[1]
})
.showControls(false)
.showLegend(false);
d3.select('#mygraph')
.datum(data2)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
エラーの例は、ここでオンラインです。