Angular JS에서 D3 사용

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의 repo 사용 일반적인 차트를 구축하기위한 선언적 구문을 제공 AngularJS와 지시어 세트가 보여주는 D3

예, 할 수 있어요

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