摘要：
在移动端，有个很重要的概念，叫做懒加载，适用于一些图片资源特别多，ajax数据特别多的页面中，经常会有动态加载数据的场景中，这个时候，我们通常是使用监听scroll或者使用setInterval来判断，元素是否进入视图，其中scroll由于其特别大的计算量，会有性能问题，而setInterval由于 阅读全文
摘要：
一、弦图 1、弦图是什么 弦图（Chord），主要用于表示两个节点之间的联系的图表。两点之间的连线，表示谁和谁具有联系。 2、数据 初始数据为： 数据是一些城市名和一些数字，这些数字表示城市人口的来源。其意思如下： 左边第一列是被统计人口的城市，上边第一行是被统计的来源城市，即： 北京市的人口有 1 阅读全文
摘要：
一、饼状图 在布局的应用中，最简单的就是饼状图。 1、数据 有如下数据，需要可视化： 这样的值是不能直接绘图的。例如绘制饼状图的一个部分，需要知道一段弧的起始角度和终止角度，这些值都不存在于数组 dataset 中。因此，需要用到布局，布局的作用就是：计算出适合于作图的数据。 2、布局（数据转换） 阅读全文
摘要：
一、图表交互操作 与图表的交互，指在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应。 交互，指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。对可视化图表来说，交互能使图表更加生动，能表现更多内容。例如，拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等 阅读全文
摘要：
一、动态效果 D3 支持制作动态的图表。有时候，图表的变化需要缓慢的发生，以便于让用户看清楚变化的过程，也能给用户不小的友好感。 1、什么是动态效果 前面制作的图表是一蹴而就地出现，然后绘制完成后不再发生变化的，这是静态的图表。 动态的图表，是指图表在某一时间段会发生某种变化，可能是形状、颜色、位置 阅读全文
摘要：
比例尺是 D3 中很重要的一个概念。绘制图形时直接用数值的大小来代表像素不是一种好方法，本章正是要解决此问题。 一、为什么需要比例尺 上一章制作了一个柱形图，当时有一个数组，绘图时，直接使用 250 给矩形的宽度赋值，即矩形的宽度就是 250 个像素。此方式非常具有局限性，如果数值过大或过小，例如： 阅读全文
摘要：
一、元素操作： 1、选择元素 select 和 selectAll，以及选择集的概念 关于 select 和 selectAll 的参数，其实是符合 CSS 选择器的条件的，即用“井号（#）”表示 id，用“点（.）”表示 class。 此外，对于已经绑定了数据的选择集，还有一种选择元素的方法，那就 阅读全文