我正在尝试使用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;
});
错误的一个例子是在线here。
答案 0 :(得分:5)
CSS
遗失{来自here)
我已经更新了jsfiddle:http://jsfiddle.net/Sssv7/2/
您必须添加CSS或添加自己的类以自定义它的外观。