2017年12月22日
D3入门系列(4)--D3中的各种图
摘要： D3 总共提供了 12 个布局：饼状图（Pie）、力导向图（Force）、弦图（Chord）、树状图（Tree）、集群图（Cluster）、捆图（Bundle）、打包图（Pack）、直方图（Histogram）、分区图（Partition）、堆栈图（Stack）、矩阵树图（Treemap）、层级图（ 阅读全文
posted @ 2017-12-22 16:48 Hyacinth-Yuan 阅读(1702) 评论(0) 推荐(0) 编辑
D3入门系列(3)--简单的交互与动态
摘要： 首先，介绍一下D3中三个非常重要的概念Update、Enter、Exit 。 如果数组为 [3, 6, 9, 12, 15]，将此数组绑定到三个 p 元素的选择集上。可以想象，会有两个数据没有元素与之对应，这时候 D3 会建立两个空的元素与数据对应，这一部分就称为 Enter。而有元素与数据对应的部 阅读全文
posted @ 2017-12-22 16:46 Hyacinth-Yuan 阅读(1306) 评论(0) 推荐(0) 编辑
D3入门系列(2)--简单的条形图、折线图、散点图和文本换行
摘要： SVG画布 HTML 5 提供两种强有力的“画布”：SVG 和 Canvas。 SVG的特点： SVG 绘制的是矢量图，因此对图像进行放大不会失真 基于 XML，可以为每个元素添加 JavaScript 事件处理器 每个图形均视为对象，更改对象的属性，图形也会改变 不适合游戏应用 Canvas特点： 阅读全文
posted @ 2017-12-22 16:43 Hyacinth-Yuan 阅读(3105) 评论(0) 推荐(0) 编辑
D3入门系列(1)--元素选择、增删与数据绑定的基本用法
摘要： 本系列参考学习自http://www.ourd3js.com 非常感谢博主的分享！ 使用D3 在网页中使用D3有两种方法： 1. 下载D3.js文件后本地引用 下载地址 https://github.com/mbostock/d3/releases/download/v3.4.8/d3.zip 2. 阅读全文
posted @ 2017-12-22 16:42 Hyacinth-Yuan 阅读(767) 评论(0) 推荐(0) 编辑