首页 > 解决方案 > 如何在 Angular JS 项目中使用 Angular-nvd3?

问题描述

好的,所以我在 Github 上的 Angular-nvd3 上遇到了这个。根据我的项目要求,这就是我现在需要的。但是由于我刚刚开始学习 Angular JS,所以我无法理解在 Angular js 项目中使用 nvd3 的步骤。特别是我必须在角度模块中注入 nvd3 指令的基本用法部分。我想在不同的组件中显示各种图表。任何人都可以解释安装部分之后的步骤。此外,如果有任何使用 nvd3 的 Angular JS 项目,共享该项目的链接也将有很大帮助。如下图所示,我想在 ghbar 组件中显示一个条形图。那么为了实现这一点,我应该在哪里注入 nvd3 的依赖项?我还有其他几个组件,它们也会显示各种其他图表。谢谢你

在此处输入图像描述

标签: angularjsangularjs-directivenvd3.js

解决方案


您需要在模块中注入对 nvd3 的依赖项。你没有提供任何代码,所以我看不到你尝试了什么。从您链接的文档中有一个示例:

angular.module('myApp', ['nvd3']) // <-- this line here
   .controller('myCtrl', function('$scope'){
       /* code */
    })

注入库后,您将能够访问 HTML 中的指令。希望有帮助。


推荐阅读