Nvd3, displaying large black dots, and not fully displaying

I am trying to create a line chart using d3.js and nvd3 , but I keep getting a rendering error that seems to cause several elements to draw incorrectly or not at all.

The error that appears in the error console, Error: Problem parsing d="MZ"

After looking at the nvd3 code, I found that the code combines a list of vertices using L(so there will be an example of the correct point d="M0 0L1 1L1 0Z)

My code for creating the graph:

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;
});

The following is an example error here .

+5
source share
1 answer

CSS ( ).
jsfiddle: http://jsfiddle.net/Sssv7/2/.
CSS , , .

+5

All Articles