D3.js 数据可视化进阶指南
超级会员免费看
D3.js 基础使用与进阶操作指南
1. D3 选择方法概述
D3 支持多种基于选择的方法，这些方法会返回元素数组的数组，以维护子选择的层次结构。同时，D3 还会为选定元素的数组绑定额外的方法，让你能对这些元素执行操作。
D3 提供了 selectAll() 和 select() 方法，二者都接受选择器字符串，用于选择元素。 select() 方法仅选择第一个匹配的元素，而 selectAll() 方法会选择所有匹配的元素（按文档遍历顺序）。由于篇幅限制，这里只介绍部分 D3 选择方法，完整列表可查看：https://github.com/mbostock/d3/wiki/Selections 。
2. 在 HTML5 网页中指定 UTF - 8
所有版本的 D3 都要求使用 UTF - 8 编码，若未指定，HTML5 网页可能会出现不可预测的行为（具体取决于浏览器）。为确保包含 D3 代码的 HTML5 网页能正常工作，可在 <head> 元素后立即添加以下代码：
<meta charset="utf-8" />
该标签能保证包含 D3 和 Unicode 字符的 HTML5 网页正常运行。
3. 创建新的 HTML 元素
下面通过一个简单示例展示如何使用 D3 的 .select() 和
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
