nvd3 wyświetla duże czarne kropki, a nie w pełni renderowanie

Question

Próbuję utworzyć wykres liniowy za pomocą d3.js i nvd3, ale nadal pojawia się błąd renderowania, który wydaje się powodować nieprawidłowe rysowanie kilku elementów lub nie w ogóle.

Błąd, który pojawia się w konsoli błędów jest Error: Problem parsing d="MZ"

Po pobycie w kodzie nvd3, znalazłem, że kod dołącza listę wierzchołków, używając L, (tak, przykład prawidłowego punktu będzie być d="M0 0L1 1L1 0Z)

mojego kodu do tworzenia wykresu jest:

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

przykładem błędu jest online here.

Answer 1

Brakuje CSS (od here).
Zaktualizowałem jsfiddle: http://jsfiddle.net/Sssv7/2/.
Musisz dodać CSS lub dodać własne klasy, aby dostosować jego wygląd.