随笔分类 -  d3.js

d3.js--04(enter和exit)
摘要:enter() 当DOM数量少于data的数量,或者压根一个都没有的时候,我们一般会希望让程序帮忙创建。 通常,从服务器读取文件后,数据是有的,但是网页中是没有元素的。这是D3一个很重要的特性,即可以选择一个空集,然后使用enter().append()的形式来插入元素。假设现在body里没有p元素 阅读全文
posted @ 2017-04-19 17:06 thelongmarch 阅读(234) 评论(0) 推荐(0)
d3.js--03(增删改查)
摘要:选择元素 d3.select():是选择所有指定元素的第一个 d3.selectAll():是选择指定元素的全部 插入元素 append():在选择集末尾插入元素 insert():在选择集前面插入元素 例: 删除元素 阅读全文
posted @ 2017-04-18 15:32 thelongmarch 阅读(579) 评论(0) 推荐(0)
d3.js--02(data和datum原理)
摘要:原文链接: http://d3.decembercafe.org/pages/lessons/3.html 解析一下data和datum原理: datum():绑定一个数据到选择集上 data():绑定一个数组到选择集上,数组的各项值分别与选择集的各元素绑定 在打印的时候发现每个p元素的属性中会多一 阅读全文
posted @ 2017-04-18 15:23 thelongmarch 阅读(2440) 评论(0) 推荐(0)
d3.js--01
摘要:D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。 使用:直接引用即可使用。 demo1: 使用d3来修改hello world 选择集 使用 阅读全文
posted @ 2017-03-27 14:26 thelongmarch 阅读(465) 评论(0) 推荐(0)