ng-repeatを使ったAngular-nvD3（krispo）単線グラフ

Question

ng-repeatで$scope.datasetという名前の配列から別のグラフをレンダリングしようとしていますが、それは起こっていません。

<div ng-repeat="data in dataset"> 
    <nvd3 options="options" data="data" class="with-3d-shadow with-transitions"></nvd3> 
</div> 

しかし、私はFirefoxでこれを取得するには、だから私は彼らのplunkrで同じコードを入れてみました

Error: a.map is not a function

をコンソール - - linechart-nvd3、それはどちらか動作しませんでした。しかし、配列全体を使用すると、グラフはの代わりに ng-repeatを使用してレンダリングされます。どんな助けもありがとう。ありがとうございました。

Answer 1

（あなたsinAndCosにこのコードを試してみてください）方法： - http://plnkr.co/edit/lBKFld?p=preview

//Line chart data should be sent as an array of series objects. 
      return [ 
       [{ 
        values: sin,  //values - represents the array of {x,y} data points 
        key: 'Sine Wave', //key - the name of the series. 
        color: '#ff7f0e', //color - optional: choose your own line color. 
        strokeWidth: 2, 
        classed: 'dashed' 
       }], 
       [{ 
        values: cos, 
        key: 'Cosine Wave', 
        color: '#2ca02c' 
       }], 
       [{ 
        values: sin2, 
        key: 'Another sine wave', 
        color: '#7777ff', 
        area: true  //area - set to true if you want this line to turn into a filled area chart. 
       }] 
      ]; 

は、だからあなたのplunkrで同じコードを置きます。

注：Angular-nvD3チャートには、オブジェクトの配列を送信する必要があります。ここでは、各要素をオブジェクトの配列として送信します。今度はng-repeatを使用すると完全に動作します。