javascript - nvd3 显示大黑点，未完全渲染

Question

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

Answer 1

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