Использование D3 с угловым JS

Question

Я новичок в angularJS, мне нужно использовать диаграммы D3 с угловымJS. В моих старых проектах я использовал D3 с jquery, но я не знаю, как использовать это с 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

Чтобы определить al ine, вы можете

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