飙血推荐
  • HTML教程
  • MySQL教程
  • JavaScript基础教程
  • php入门教程
  • JavaScript正则表达式运用
  • Excel函数教程
  • UEditor使用文档
  • AngularJS教程
  • ThinkPHP5.0教程

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";
标签:D3.JS安装D3
搜你所爱
D3教程:目录
湘ICP备14001474号-3  投诉建议:234161800@qq.com   部分内容来源于网络,如有侵权,请联系删除。