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

我正在尝试使用d3.js和nvd3创建折线图,但我不断收到渲染错误,这似乎导致多个元素被错误地绘制,或者根本没有.

错误控制台中显示的错误是错误：解析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.

解决方法:

缺少CSS(从here开始).
我已经更新了jsfiddle：http://jsfiddle.net/Sssv7/2/.
您必须添加CSS或添加自己的类以自定义它的外观.

标签：javascript,d3-js,nvd3-js
来源： https://codeday.me/bug/20190520/1143132.html