随笔分类 -  d3

d3 比例尺
摘要：将100-500的范围映射到10-350范围当中 返回最大的x轴 分别生成xScale和yScale缩放函数 根据d的数据返回坐标 将x坐标经过xScale的缩放后返回 阅读全文
posted @ 2017-05-22 11:04 无情码字员 阅读(186) 评论(0) 推荐(0)
d3 根据数据绘制svg
摘要：根据dataset里面的数据设置svg circle的坐标以及半径 阅读全文
posted @ 2017-05-22 10:35 无情码字员 阅读(1773) 评论(0) 推荐(0)
d3 svg简单学习
摘要：矩形 圆形 椭圆 线 文本 设置样式 常见样式 阅读全文
posted @ 2017-05-22 10:31 无情码字员 阅读(472) 评论(0) 推荐(0)
d3 使用随机数据生成条形图
摘要：d3.range(25) 生成25个数字 d3.random.normal(15,8)() 生成期望是15方差是8的动态分布随机数 round(...,1) 保留一位小数 根据随机生成的数据生成条形图 阅读全文
posted @ 2017-05-22 10:27 无情码字员 阅读(1341) 评论(0) 推荐(0)
d3 画简单的柱形图
摘要：根据dataset的数据生成div,之后给div条形的样式，最后根据数据给每个div赋予不同的高度 阅读全文
posted @ 2017-05-22 10:20 无情码字员 阅读(448) 评论(0) 推荐(0)
d3 使用数据
摘要：.text(function(d){}), 在回调函数当中传入的数据分别对应数组当中的数据， .style(), 同上，在回调函数当中传入对应的数据，根据数据返回字体的颜色 阅读全文
posted @ 2017-05-22 10:17 无情码字员 阅读(269) 评论(0) 推荐(0)
d3 数据绑定
摘要：绑定过程 选择元素，绑定数据，追加元素 选中body下面的所有p标签，如果p标签为空，会根据后面绑定的数据添加相应的p标签 .data()将dataset里面的数据和body下面的p标签绑定在一起，dataset有五个值，则数据集执行了五次，生成五个p标签 .enter()将数据传递到dom当中，如 阅读全文
posted @ 2017-05-22 10:13 无情码字员 阅读(191) 评论(0) 推荐(0)
d3 添加元素相关api
摘要：选择元素 添加元素 插入内容 正常写法 这样就会在body当中插入一个p标签，内容为New paragraph. 很jq很像 阅读全文
posted @ 2017-05-22 10:03 无情码字员 阅读(821) 评论(0) 推荐(0)