在Angular JS中使用D3

Use D3 with Angular JS

本文关键字：D3 Angular JS      更新时间：2023-09-26

我是angularJS的新手，我需要使用angularJS的D3图表。在我以前的项目中，我使用D3与jquery，但我不知道如何使用angularJS。

我有一个例子从D3与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>

提琴手

谁来帮帮我…

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

要定义一行，可以使用

<d3-line x="year" y="optimal" yscale="total"></d3-line>
相关文章：