Angular-nvd3 是一个基于 D3.js 的 AngularJS 图表库，提供了各种交互式、可自定义的图表类型，如折线图、柱状图、饼图等。在 Angular 应用程序中使用它可以使数据可视化变得更加容易。
安装
安装 angular-nvd3 可以通过 npm 包管理器进行，只需要运行以下命令：
npm install angular-nvd3 --save
配置
使用 angular-nvd3 先要将其注入到你的应用程序模块中，例如：
var app = angular.module('myApp', ['nvd3']);然后，在 HTML 文件中添加以下标记：
<nvd3 options="options" data="data"></nvd3>
其中 options 和 data 分别是 chart 选项和数据。这些属性应该绑定到控制器的作用域中，并且用相应的值进行初始化。
示例
下面是一个简单的例子，展示了如何使用 angular-nvd3 在一个 Angular 应用程序中创建一个折线图：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
-------------- ---- ---------------
------- ------------------------------------------------------------------------------------
------- --------------------------------------------------------------------------
------- ------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------
----- ---------------- ---------------------------------------------------------------------- --
-------
----- -------------------------
----- ----------------- -------------------
--------
--- --- - ----------------------- ----------
-------------------------- ---------- -
--- -- - -----
---------- - -
------ -
----- ------------
------- ----
------ - -
---- ---
------ ---
------- ---
----- --
--
-- ------------ ------ ---- --
-- ------------ ------ ---- --
------------------------ -----
------ -
---------- ----- -----
--
------ -
---------- -------- -----
----------- ------------
------ ---------------------
--
------------------ --
--
--------- ----------------
------------------ ----------
-
--
------ -
------- -----
----- ----- ------
--
--------- -
------- -----
----- --------- --- ------ ---- -------
--
-------- -
------- -----
----- ---------- ------ ---- ------
-
--
------- - ------------
-------- ----------- -
--- --- - --- --- - ---
--- ---- - - -- - - ---- ---- -
------------ -- -- -----------------
------------ -- -- -- - -----------------
-
------ -
-
------- ----
---- ----- ------
------ ---------
--
-
------- ----
---- ------- ------
------ ---------
-
--
-
---
---------
-------
-------指导意义
使用 angular-nvd3 可以轻松创建各种类型的图表，可以帮助开发人员更好地展示数据，并提供直观的视觉效果。同时，它也可以将自定义图表与 AngularJS 应用程序无缝集成，使得数据
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35115
