D3 库可以与 Electron(Atom shell)一起使用吗?

Can D3 library be used with the Electron (Atom shell)?(D3 库可以与 Electron(Atom shell)一起使用吗?)
本文介绍了D3 库可以与 Electron(Atom shell)一起使用吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

Electron 的网站说,使用 electron 制作的应用程序可以访问节点模块.他们可以访问 D3 库吗?如果可以,如何设置?

Electron's website says that the applications made with electron can have access to node modules. Can they have access to the D3 library? If so, how can it be set up?

推荐答案

D3 可作为 Node.js模块,可以导入到您要用于呈现可视化应用程序的 JavaScript 代码中.

D3 is available as a Node.js module that can be imported into the JavaScript code you want to use to render your visualisation application.

作为如何将 D3 集成到 Electron 应用程序的示例,请查看我的 GitHub 上的 D3 Space Filler Explorer 应用程序.此应用程序通过多个 D3 饼图和 D3 树状图可视化磁盘空间使用情况.

As an example of how to integrate D3 into an Electron application, have a look at my D3 Space Filler Explorer application on GitHub. This application visualises disk space use with multiple D3 pie charts and a D3 treemap.

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

One pattern I found useful was to inject the SVG element into the D3 visualisation, which differs from the usual approach in D3 examples which creates the SVG element in the visualisation. See examples of this dependency injection in the /app/js/pie-chart.js and /app/js/treemap-chart.js files.

这篇关于D3 库可以与 Electron(Atom shell)一起使用吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Google apps script get range of bytes from binary file(谷歌应用程序脚本从二进制文件中获取字节范围)
Sending Multiple attachments with Google Script from Google Drive(使用 Google 脚本从 Google Drive 发送多个附件)
Distributing Google Apps Scripts for Sheets in your company network(在您的公司网络中分发适用于表格的 Google Apps 脚本)
Upload file to my google drive from anyone using javascript(使用 javascript 将文件从任何人上传到我的谷歌驱动器)
quot;Shared Drivequot; support in Google Apps Script(“共享驱动器Google Apps 脚本中的支持)
Angular 2+ HTTP POST and GDrive API. Resumable file upload with name(Angular 2+ HTTP POST 和 GDrive API.带名称的可恢复文件上传)