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缺少（从这里）。
我已经更新了 jsfiddle：http: //jsfiddle.net/Sssv7/2/。
您必须添加 CSS 或添加您自己的类来自定义它的外观。