nvd3 visualizzazione di grandi punti neri, e non completamente rendering

Question

Sto provando a creare un grafico a linee usando d3.js e nvd3, ma continuo a ricevere un errore di rendering, che sembra stia causando diversi elementi da disegnare in modo errato, oppure no affatto.

L'errore che compare nella console di errore è Error: Problem parsing d="MZ"

Dopo aver guardato nel codice di nvd3, ho scoperto che il codice si unisce ad una lista di vertici, utilizzando L, (quindi un esempio di un punto corretta sarebbe essere d="M0 0L1 1L1 0Z)

il mio codice per la creazione del grafico è:

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

Un esempio di errore è in linea here.

Answer 1

Manca lo CSS (dal here).
Ho aggiornato il jsfiddle: http://jsfiddle.net/Sssv7/2/.
È necessario aggiungere il CSS o aggiungere le proprie classi per personalizzare l'aspetto.