前端之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
阅读全文
0 0
- 前端之js d3
- d3.js之helloworld
- 前端编程提高之旅(八)----D3.js数据可视化data join解析
- d3.js之数据绑定
- D3学习之:D3.js中的12中地图投影方式
- Qumulo仪表盘前端开发技术:React + D3.js
- 基于D3.js的数据可视化前端实现方案
- D3.js 之面包圈图
- D3.js之饼图动画
- D3.js之饼图动画2
- D3.js之折线图动画
- d3.js之力导向图
- D3 .JS
- d3 js
- d3.js
- d3.js
- D3.js
- d3.js
- 【微信】微信开发(3)不要掉进Cookie的坑!
- 15款Cocos2d-x游戏源码
- CppCMS — C++ Web Framework
- H264码流打包分析
- 设计模式的艺术之道--设计模式的基本概念
- 前端之js d3
- iOS NSString 转换编码格式ISO-8859-1
- Spring中使用单元测试--探索
- java位运算符 : 与(&)、非(~)、或(|)、异或(^)
- java Book
- Arrays.sort源码分析
- 逆序输出数值
- js正则取值的结果数组调试
- Linux Socket 网络编程(一)