将 D3 与 Angular JS 一起使用 [关闭]答案

【问题标题】：Use D3 with Angular JS [closed]将 D3 与 Angular JS 一起使用 [关闭]
【发布时间】：2016-10-19 11:56:37
【问题描述】：

我是 angularJS 新手，我需要将 D3 图表与 angularJS 一起使用。在我的旧项目中，我将 D3 与 jquery 一起使用，但我不知道如何将它与 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

谁能帮帮我……

【问题讨论】：

标签： javascript angularjs d3.js

【解决方案1】：

This repo 有一组 AngularJS 指令，为使用 D3 构建通用图表提供了一种声明性语法

要定义一条线，你可以
<d3-line x="year" y="optimal" yscale="total"></d3-line>

【讨论】：