博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
d3.js学习笔记
阅读量:6364 次
发布时间:2019-06-23

本文共 1398 字,大约阅读时间需要 4 分钟。

入门好文:http://www.ourd3js.com/wordpress/?p=51

d3.js和d3.min.js内容一样,后者是压缩过的,适合发行版本,前者适合开发人员。

1.选择集(满足css选择符的要求)主要和数据绑定一起使用

d3.select()

d3.selectAll()

var body = d3.select("body")

2.数据绑定(实质就是在选择集的元素对象里面添加一个变量,并赋值)

p.text(function(d,i)){return d+" "+i}

update、enter(不够)、exit(多于)处理模板,在d3中较为常用

3.画柱形图

 

1.比例尺

第一个是连续序列,第二个是离散序列、第三个是对时间序列

2.坐标轴

  https://github.com/d3/d3/wiki/SVG

 

svg是一种支持矢量的画布,矢量图放大缩小是不会有影响的,标量图放大缩小会失真。

控制台输出:console.log()

 function(d, i),d 代表与当前元素绑定的数据,i 代表索引号

选择、插入、删除元素

 

tempdatax

用户间的通话记录(即用户a和用户b在什么时候进行过通话)

tempdata

目标用户间的通话频次

151是什么??????????

 

for(var i=0;i
102){ tempimg=icon_list[Math.floor(Math.random()*6)].url; }else{
//内部员工,有头像 tempimg="img/image/"+((tempimg < 10 && "00"+tempimg)||(tempimg >=10 && tempimg < 100 && "0"+tempimg)||(tempimg >= 100 && tempimg))+".jpg"; } nodearray.push({ "id":""+tempdatax.nodes[i].id,//唯一id "img":{"url":tempimg,"width":16,"height":16},//图片数据路径 "title":""+tempdatax.nodes[i].id, "propn":1,//属性显示个数,从prop笿个开始计敿 "prop":[{"title":"name","value":tempdata.nodes[Math.floor(Math.random()*76)].name+"","type":0}],//元数据title标题value值,type显示方式0只显示值,1全部显示_只显示标颿 "event":{ "click":function(d){}, "dblclick":function(d){} }, "propvalue":{} });};

 

转载于:https://www.cnblogs.com/sxbjdl/p/5567831.html

你可能感兴趣的文章
C# 属性事件一些设置说明
查看>>
去除UITableViewheader footer黏性
查看>>
windows2003 iis6.0不能显示asp.net选项
查看>>
xen MacOS
查看>>
如何学好C和C++
查看>>
Gitlab通过custom_hooks自动更新服务器代码
查看>>
我的友情链接
查看>>
python 如何判断调用系统命令是否执行成功
查看>>
Lesson10 vSphere 管理特性
查看>>
memcache 扩展和 memcached扩展安装
查看>>
好程序员的查克拉---自信
查看>>
线程池的设计(二):领导者追随者线程池的设计
查看>>
获取设备列表
查看>>
Django使用网上模板做个能展示的博客
查看>>
基于同IP不同端口,同端口不同Ip的虚拟主机 基于FQDN的虚拟主机
查看>>
项目软件集成三方模块,编译中int32和uint32定义冲突解决方法
查看>>
StretchDIBits速度测试(HALFTONE)
查看>>
在.NET Workflo“.NET研究”w 3.5中使用多线程提高工作流性能
查看>>
验证Oracle处理速度
查看>>
自己写一个jquery
查看>>