将D3与Angular JS一起使用

Question

我是angularJS的新手，我需要使用带有angularJS的D3图表。在我的旧项目中，我使用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 repo有一组AngularJS指令，它们提供了使用D3构建通用图表的声明性语法

  

要定义一行，您可以

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