前端之js d3

来源:互联网 发布:python黑帽子原码 编辑:程序博客网 时间:2024/05/29 03:11

d3.js是目前非常火爆的数据可视化函数库,其中有很多类似jquery的方法,常见的方法有select,selectAll,append,text,remove,enter,exit,datum等,

其中,datum是重复将数据绑定到每一个元素上,data是将数据中的每一个对应绑定到元素上,enter添加元素,一般来说,向服务器请求数据时,网页中是没有对应元素的,因此enter的常用用法如下:

var dataset=[1,2,3,4,5];var body=d3.select("body").data(dataset).enter().append("p").text(    function(d){        return d;    });先选择一个空集,然后绑定数据,data返回updatabe部分为空,enter返回enter部分包含多余的五个数据,然后添加元素append,使每个数据都有元素P与之对应,最后更改P的内容.如果存在多余的元素没有数据与之对应,就有remove方法删除var exit=update,exit();exit,remove();d3最大的特点就是不需要知道数组的长度的情况下更新图形选择集常用的方法:filter,sort,each,call数组的常用方法:    排序:ascending递增,descending递减    求值:min最小,max最大值,extend返回最大值与最小值        sum求和,mean平均值生成和操作:    range等差数列,shuffle随机排列数组,merge合并两个数组映射:    map map.has/get/set/remove/keys/values/entries/forEach/each/empty/size