使用节点js的NVD3图表

我使用nvd3.js图表​​库创build了简单的离散的BAR图表。 我成功地通过我的browserNVD3 chart examples discretebarchart.html )运行它。现在我正在尝试用NODE.js构build同样的离散条形图。 但是我无法加载我的nodejs服务器中的nvd3库源模块,因为它不在NPM

任何人都可以澄清我如何加载NVD3模块,并使用Node js生成NVD3图表? Node js中没有NVD3模块的包。 作为节点js有包的D3.js

 d3 = npm install d3; 

你对NVD3和Node js的帮助会很棒!

       

网上收集的解决方案 "使用节点js的NVD3图表"

您必须下载nv.d3.js,然后将其包含在您的项目中。 你没有说如何使用Node.js来提供页面。 如果您正在提供单独的html文件,则可以使用典型的脚本标记将其包含在相关文件中。 这个问题提出了其他类似于节点的方法,将普通的js文件拖拽到一个节点项目中。

但是,nvd3似乎取决于窗口对象,这是我目前卡住的地方。 祝你好运!

现在有一个NVD3包: https ://www.npmjs.com/package/nvd3

我使用nvd3。 我下载了lib,然后将lib添加到我的资产文件夹中,并将lib文件包含在我的路由文件中。 然后我可以直接在我的控制器上使用

dashboardController:

  var app = angular.module('dashboard.controller',['nvd3','ui.bootstrap','ui.utils']); 

路线文件:

 .state('app.dashboard', { url: '/dashboard', templateUrl: 'app/components/dashboard/dashboardView.html', data: { title: 'Dashboard', }, resolve: { deps: ['$ocLazyLoad', function ($ocLazyLoad) { return $ocLazyLoad.load([ { insertBefore: '#load_styles_before', files: [ 'assets/libs/nvd3/nv.d3.min.css', 'assets/libs/datatables/css/jquery.dataTables.css' ] },{ name: 'nvd3', serie: true, files: [ 'assets/libs/d3/d3.min.js', 'assets/libs/nvd3/nv.d3.min.js', 'assets/libs/angular-nvd3/angular-nvd3.min.js', 'assets/libs/datatables/js/jquery.dataTables.js', 'assets/libs/bootstrap-datatables/bootstrap-datatables.js', 'app/components/dashboard/warning.js', 'assets/libs/moment/moment.min.js' ] } ]).then(function () { return $ocLazyLoad.load('app/components/dashboard/dashboardController.js'); }); }] } })