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