D3をAngular JSで使用

Question

私はangularJSを初めて使用しています。私はangularJSでD3の図を使用する必要があります。私の古いプロジェクトでは、私はjQueryでD3を使用しましたが、私はangularJSでどのように使用するのか分かりません。

私たちは両方を組み合わせることがディレクティブを使用することができますD3 with AngularJS

から、ここから一例を得た、私は、単純な折れ線グラフを描画しようとしたが、それはエラーを示します。

このコード部分は

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
<div ng-app="chartApp" ng-controller="SalesController"> 
<h1>Today's Sales Chart</h1> 
<div linear-chart chart-data="salesData"></div> 
</div> 

Fiddler

誰もが私を助けてエラー...

Answer 1

Thisレポを使用して、共通のグラフを構築するための宣言構文を提供AngularJSディレクティブのセットを持っているを示しますD3

あなたはできます。

<d3-line x="year" y="optimal" yscale="total"></d3-line>