使用节点j的NVD3图表

Question

我使用nvd3.js图表​​库创建了简单的离散BAR图表。我成功地通过我的browser（discretebarchart.html从NVD3 chart examples）运行它。现在我试图用NODE.js构建同一个离散条形图。但是我无法在我的nodejs服务器中加载nvd3库源模块，因为它不在NPM中。

任何人都可以澄清我如何加载NVD3模块并使用Node js生成NVD3图表吗？ 节点js中没有用于NVD3模块的软件包。由于节点j有包D3.js

d3 = npm install d3; 

您对NVD3和节点js的帮助将是伟大的！

Answer 1

你必须下载nv.d3.js然后将它包含在你的项目中。您没有说明如何使用Node.js来提供页面。如果您提供单独的html文件，则可以使用典型的脚本标记将其包含在相关文件中。 This question建议将其他类似节点的方式将纯js文件拖入节点项目中。

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

Answer 2

现在有用于NVD3包：https://www.npmjs.com/package/nvd3

Answer 3

我用nvd3。我下载了这个lib文件，然后将这个lib文件添加到了我的assets文件夹中，并将lib文件包含在我的routes文件中。

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'); 
       }); 
      }] 
      } 
     }) 

然后我就可以使用

dashboardController我控制器上直接使用