D3.js在可视化前端应用中的关键技巧有哪些？

本文共计1605个文字，预计阅读时间需要7分钟。

1. 设置2. 引用d3.select()和d3.selectAll() 1+2+3+提供两个要领：datum()和data() datum(): 指的是将一个数据绑定到一个选择集上。 data(): 将一个数组绑定到一个选择集上，其中数组的各项对应选择集中的每个元素。

1.装置2.引见d3.select()和d3.selec

1.装置

2.引见

• d3.select()和d3.selectAll();

1

2

3

供应2个要领：datum()和data().

datum():是指绑定一个数据到挑选集上。data():绑定一个数组到挑选集上，而且数组的各项值与挑选集的各项绑定。

• 元素的挑选还可以经由过程id 和class去查找

Pear

Banana

var p = body.selectAll(".myclass");p.style("color","red");

• 元素的插进去

  append() insert()

body.append("p") .text("append p element");

• 删除元素

var p = body.select("#myid"); p.remove();

3.绘图表的要素

绘图表之前都有一个前置事情要做，就是一切的东西都是画在svg上的。