nvd3显示大黑点,而不是完全渲染

时间:2013-03-09 00:44:49

标签: javascript d3.js nvd3.js

我正在尝试使用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

1 个答案:

答案 0 :(得分:5)

CSS遗失{来自here) 我已经更新了jsfiddle:http://jsfiddle.net/Sssv7/2/ 您必须添加CSS或添加自己的类以自定义它的外观。