摘要: 首先说明,d3支持所有的JS事件——甚至其他代码的自定义事件。这里有一个列表,The MDNEvent Reference, 包含了几乎所有浏览器创建的事件类型。大家有需要可以去查看。D3的事件绑定的语法,与jquery等其他类库用起来区别不大,都是object.on( event, listene... 阅读全文
posted @ 2014-10-16 17:20 CUC张迪 阅读(4314) 评论(0) 推荐(1) 编辑
摘要: 需求驱动实现前文讲过了D3的数据驱动机制,中间所举的例子都很简单。例如那个demo里面,绑定的数据是一个简单的数组,实现的图元也仅仅是一堆用SVG画的circle。但是现实世界中我们往往会遇到复杂的需求,例如我就遇到了这样一个需求:数据是一个复杂的对象数组,而与之绑定的图元是一个可变图形。该图形可以... 阅读全文
posted @ 2014-10-16 17:19 CUC张迪 阅读(1321) 评论(0) 推荐(0) 编辑
摘要: 前文中已经提到,SVG从诞生之初起就可以非常方便地使用javascript脚本语言来进行其DOM对象的控制。当然,控制的方法有很多,有直接控制SVG对象的方法,例如使用原生js;有帮你封装一下图形接口再进行直接控制的js类库,如Raphaël。但是正如我在第一篇文章中所说,d3作为一个中间型类库还能... 阅读全文
posted @ 2014-10-16 17:14 CUC张迪 阅读(1174) 评论(0) 推荐(0) 编辑
摘要: 一. SVG简介—————————————————————————————————————————————————————————————————SVG是一种和图像分辨率无关的矢量图形格式,它使用严格的XML语法描述图形内容。关于它,主机位于麻省理工学院的W3c官网有着全面的介绍(http://ww... 阅读全文
posted @ 2014-10-16 15:19 CUC张迪 阅读(1256) 评论(0) 推荐(0) 编辑
摘要: 最近以来,我使用d3进行我的可视化工具的开发已经3个月了,同时也兼用其他一些图表类库,自我感觉稍微有点心得。之前我也写过相关文章,我涉及的数据可视化的实现技术和工具,但是那篇文章对于项目开发而言太浅了。于是想写关于d3进行项目实战的系列文章,就像我之前的angularjs实战系列文章一样把整个开发过... 阅读全文
posted @ 2014-10-16 14:59 CUC张迪 阅读(1576) 评论(0) 推荐(0) 编辑
这里是我的博客备份,我的个人主站点地址是:http://www.storagelab.org.cn/zhangdi/