摘要: 目标 在这一章,我们将会重温SVG图形,学习如何使用D3.js来创建这些图形。 这里会包括前面例子中的SVG基础图形以及如何使用D3.js设置图形的属性。使用D3.js画一个SVG 的 圆 circle 可以使用如下代码创建: 我们在前面的章节已经讲过了使用D3.js来创建SVG圆形。var jsonCircles = [{"x_axis":30,"y_axis":30,"radius":20,"color":"greeen"},{"x_axis":70,"y_ax 阅读全文
posted @ 2014-01-13 20:20 楚狂人 阅读(24296) 评论(1) 推荐(2) 编辑
摘要: 目标在这一章,你将会理解如何对数据进行结构化,来更好的使用D3.js。 我们将会回顾我们之前已经学习的,学习D3.js如何使用选集(selections),JavaScript对象基础,以及如何最优的结构化数据。到目前我们已经学到了哪些? 到目前,我们使用D3.js完成的例子都包含一个定义在最上方的数据集:var spaceCircles = [30,70,110];这个spaceCircles变量是一个JavaScript数组。数组就是一个变量的枚举列表。这也就意味着,每一个元素都附有一个索引值与其对应,且索引值是从0开始。对于spaceCircles,我们在JavaScript控制台输入如 阅读全文
posted @ 2014-01-13 10:54 楚狂人 阅读(4788) 评论(2) 推荐(1) 编辑