跳至內容

徑向面積

範例 · 徑向面積生成器類似於笛卡兒 面積生成器,不過 xy 存取器被替換為 angleradius 存取器。徑向面積相對於原點定位;使用 轉換 來改變原點。

areaRadial()

原始碼 · 建立一個具有預設設定的新徑向面積生成器。

js
const area = d3.areaRadial();

areaRadial(data)

原始碼 · 等同於 area

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

areaRadial.angle(angle)

原始碼 · 等同於 area.x,但存取器傳回弧度制的角度,0 度位於 -y(12 點鐘)。

js
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,但存取器傳回半徑:與原點的距離。

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

areaRadial.innerRadius(radius)

原始碼 · 等同於 area.y0,但存取器傳回半徑:與原點的距離。

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

areaRadial.outerRadius(radius)

原始碼 · 等同於 area.y1,但存取器傳回半徑:與原點的距離。

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

areaRadial.defined(defined)

原始碼 · 等同於 area.defined

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

areaRadial.curve(curve)

原始碼 · 等同於 area.curve。請注意,curveMonotoneXcurveMonotoneY 不建議用於徑向區域,因為它們假設資料在 xy 中是單調的,而這通常不適用於徑向區域。

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

areaRadial.context(context)

原始碼 · 等同於 area.context

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

areaRadial.lineInnerRadius()

別名為 areaRadial.lineStartAngle

areaRadial.lineStartAngle()

原始碼 · 傳回一個新的 徑向線產生器,它具有這個徑向區域產生器的目前 已定義存取器曲線context。該線的 角度存取器 是這個區域的 起始角度存取器,而該線的 半徑存取器 是這個區域的 內半徑存取器

areaRadial.lineEndAngle()

原始碼 · 傳回一個新的 徑向線產生器,它具有這個徑向區域產生器的目前 已定義存取器曲線context。該線的 角度存取器 是這個區域的 結束角度存取器,而該線的 半徑存取器 是這個區域的 內半徑存取器

areaRadial.lineOuterRadius()

原始碼 · 傳回一個新的 徑向線條產生器,具有此徑向面積產生器的目前 定義存取器曲線內容。該線條的 角度存取器 是此面積的 起始角度存取器,而該線條的 半徑存取器 是此面積的 外半徑存取器