9、D3.js 绘图：线条、曲线、圆形与布局

D3.js 绘图：线条、曲线、圆形与布局

1. 线条生成器的基本设置

在 D3.js 中，线条生成器（ d3.line() ）提供了一些方法来设置数据点的坐标访问器和定义未定义点。以下是相关方法的介绍：
- mkr.x(accessor) 和 mkr.y(accessor) ：用于设置每个数据点的 x 和 y 坐标的访问器函数。每个访问器函数会接收三个参数：数据集中的当前记录 d 、其索引 i 和整个数据集 data 。访问器函数必须分别返回当前数据点的 x 或 y 坐标。默认的访问器会选择二维数据集中的前两列。
- mkr.defined(accessor) ：设置一个访问器，用于标记任意点为未定义。该访问器与坐标访问器接收相同的三个参数，但必须返回一个布尔值。访问器返回 false 的点将被视为未定义。
- mkr.curve(curve) ：设置要使用的曲线工厂。

2. 内置曲线

D3.js 除了提供直线外，还提供了多种曲线形状来连接连续的点，并且可以自定义曲线。内置曲线工厂主要分为两类：

2.1 无可调参数的曲线

这类曲线完全由数据集决定，并且精确通过所有数据点。常见的无可调参数曲线工厂如下表所示：
| 直线