2016 年 9月 3 日随笔档案 - 冷雨恋晴

【 D3.js 入门系列 --- 7 】理解 update, enter, exit 的使用

摘要：在前面几节中反复出现了如下代码： [javascript] view plain copy svg.selectAll("rect") .data(dataset) .enter() .append("rect") [javascript] view plain copy [javascript] 阅读全文

posted @ 2016-09-03 10:51 冷雨恋晴阅读(835) 评论(0) 推荐(1) 编辑

【 D3.js 入门系列 --- 6 】如何让图表动起来

摘要： [5.1]节中制作了一个比较完善的图表，但它是静态的，想做出它的动态效果吗？在D3中只需要短短的几行代码即可。这一节将涉及4个函数的使用。 1.transition() 启动转变效果只需要添加这个即可。把它加到两种状态之间，例如： [javascript] view plain copy .att 阅读全文

posted @ 2016-09-03 10:49 冷雨恋晴阅读(435) 评论(7) 推荐(2) 编辑

【 D3.js 入门系列 --- 5.1 】做一个带坐标轴和标签的图表

摘要：前面几节讲解了图标、坐标轴、比例等等，这一节整合这些内容做一个实用的图表。结果图如下：代码如下所示： [html] view plain copy <html> <head> <meta charset="utf-8"> <title>Chart</title> </head> <style> . 阅读全文

posted @ 2016-09-03 10:47 冷雨恋晴阅读(2214) 评论(1) 推荐(2) 编辑

导航

2016年9月3日