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がありません（hereから）。
私はjsfiddle：http://jsfiddle.net/Sssv7/2/を更新しました。
CSSを追加するか、独自のクラスを追加して、その外観をカスタマイズする必要があります。