D3库可以与电子(Atom shell)一起使用吗？

Question

电子公司的网站上说，使用电子公司制作的应用程序可以访问节点模块。他们可以访问D3库吗？如果是这样，如何设置？

Answer 1

D3以Node.js module的形式提供，可以导入到您想要用来呈现可视化应用程序的JavaScript代码中。

作为如何将D3集成到电子应用程序中的示例，请看一下我在GitHub上的D3 Space Filler Explorer应用程序。这个应用程序通过多个D3饼图和一个D3树状图可视化磁盘空间使用情况。

我发现一个有用的模式是将SVG元素注入到D3可视化中，这与D3示例中在可视化中创建SVG元素的通常方法不同。在/app/js/pie chart.js和/app/js/treemap-chart.js文件中查看这种依赖注入的示例。

Answer 2

所有(至少在理论上)纯JS模块都与电子兼容，因为它还提供了(CommonJS) javascript运行时环境(io.js)。

唯一重要的是，电子不会自动设置NODE_PATH变量，也不会在系统/全局模块路径中查找required模块。所以你只需要确保你的NODE_PATH上有d3.js的路径

NODE_PATH="/PATH/TO/d3.js" electron /PATH/TO/APP

Answer 3

我们在使用Npm安装d3的工作组中解决了这个问题：

npm install d3 --save

在index.html中，我们这样写道：

<script>var d3 = require("d3")</script>

我们从nv.d3.js第18行得到这个问题，有一个小函数需要d3作为节点模块，在我们的应用程序中，我们在bower_components中使用它，所以像我说的那样，安装npm并直接从node_modules请求索引可能会解决这个问题，就像我们做的那样。