径向区域

示例 · 径向区域生成器类似于笛卡尔 区域生成器，只是 x 和 y 访问器被替换为 角度 和 半径 访问器。径向区域相对于原点定位；使用 变换 来更改原点。

areaRadial()

源代码 · 使用默认设置构建新的径向区域生成器。

const area = d3.areaRadial();

areaRadial(data)

源代码 · 等效于 area.

svg.append("path").attr("d", area(data));

areaRadial.angle(angle)

源代码 · 等效于 area.x，只是访问器返回以弧度为单位的角度，其中 0 在 -y（12 点钟）处。

const area = d3.areaRadial().angle((d) => a(d.Date));

areaRadial.startAngle(angle)

源代码 · 等效于 area.x0，只是访问器返回以弧度为单位的角度，其中 0 在 -y（12 点钟）处。注意：通常使用 angle 而不是设置单独的起始角和结束角。

areaRadial.endAngle(angle)

源代码 · 等效于 area.x1，只是访问器返回以弧度为单位的角度，其中 0 在 -y（12 点钟）处。注意：通常使用 angle 而不是设置单独的起始角和结束角。

areaRadial.radius(radius)

源代码 · 等效于 area.y，只是访问器返回半径：到原点的距离。

const area = d3.areaRadial().radius((d) => r(d.temperature));

areaRadial.innerRadius(radius)

源代码 · 等效于 area.y0，只是访问器返回半径：到原点的距离。

const area = d3.areaRadial().radius((d) => r(d.low));

areaRadial.outerRadius(radius)

源代码 · 等效于 area.y1，只是访问器返回半径：到原点的距离。

const area = d3.areaRadial().radius((d) => r(d.high));

areaRadial.defined(defined)

源代码 · 等效于 area.defined.

const area = d3.areaRadial().defined((d) => !isNaN(d.temperature));

areaRadial.curve(curve)

源代码 · 等效于 area.curve。请注意，curveMonotoneX 或 curveMonotoneY 不推荐用于径向区域，因为它们假定数据在 x 或 y 中是单调的，而径向区域通常并非如此。

const area = d3.areaRadial().curve(d3.curveBasisClosed);

areaRadial.context(context)

源代码 · 等效于 area.context.

const context = canvas.getContext("2d");
const area = d3.areaRadial().context(context);

areaRadial.lineInnerRadius()

areaRadial.lineStartAngle 的别名。

areaRadial.lineStartAngle()

源代码 · 返回一个新的 径向线生成器，它具有该径向区域生成器的当前 defined 访问器、curve 和 context。线的 angle 访问器 是该区域的 start angle 访问器，线的 radius 访问器 是该区域的 inner radius 访问器。

areaRadial.lineEndAngle()

源代码 · 返回一个新的 径向线生成器，它具有该径向区域生成器的当前 defined 访问器、curve 和 context。线的 angle 访问器 是该区域的 end angle 访问器，线的 radius 访问器 是该区域的 inner radius 访问器。

areaRadial.lineOuterRadius()

源代码 · 返回一个新的 径向线生成器，它具有该径向区域生成器的当前 defined 访问器、curve 和 context。线的 angle 访问器 是该区域的 start angle 访问器，线的 radius 访问器 是该区域的 outer radius 访问器。