D3.JS 安装方法
时间:2021-12-07 作者:匿名
下载 D3.js 库
D3.js 是一个开源库,该库的源代码可在https://d3js.org/网站上免费获得。访问 D3.js 网站并下载最新版本的 D3.js (d3.zip)。
下载完成后,解压文件并查找d3.v5.min.js。这是 D3.js 源代码的缩小版本。复制 d3.v5.min.js 文件并将其粘贴到项目的根文件夹或任何其他文件夹中,您希望在其中保留所有库文件。在 HTML 页面中包含 d3.v5.min.js 文件,如下所示。
<!DOCTYPE html> <html lang = "en"> <head> <script src = "/d3v5/d3.v5.min.js"></script> </head> <body> <script> </script> </body> </html>
你也可以直接从 d3js.org, CDNJS, 或者 unpkg 加载. 比如:
<script src="https://d3js.org/d3.v6.js"></script>
压缩版:
<script src="https://d3js.org/d3.v5.min.js"></script>
你也可以单独使用 d3 中的某个模块, 比如单独使用 d3-selection:
<script src="https://d3js.org/d3-selection.v1.js"></script>
支持环境
D3.js 适用于除 IE8 及更低版本的所有浏览器。
D3 也可以运行在 Node 和 Web workers 中. 在 Node 环境中使用 DOM 的时候,必须要提供自己的 DOM 实现。推荐使用 JSDOM,为了避免定义全局 document,建议将 DOM 传递给 d3.select 或者将 NodeList 传递给 d3.selectAll,如下:
var d3 = require("d3"), jsdom = require("jsdom"); var document = jsdom.jsdom(), svg = d3.select(document.body).append("svg");
在支持 ES 模块化 的环境中,你可以将 d3 作为一个命名空间来导入 D3 的全部功能:
import * as d3 from "d3";