徑向面積
範例 · 徑向面積生成器類似於笛卡兒 面積生成器,不過 x 和 y 存取器被替換為 angle 和 radius 存取器。徑向面積相對於原點定位;使用 轉換 來改變原點。
areaRadial()
原始碼 · 建立一個具有預設設定的新徑向面積生成器。
const area = d3.areaRadial();
areaRadial(data)
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()
原始碼 · 傳回一個新的 徑向線產生器,它具有這個徑向區域產生器的目前 已定義存取器、曲線 和 context。該線的 角度存取器 是這個區域的 起始角度存取器,而該線的 半徑存取器 是這個區域的 內半徑存取器。
areaRadial.lineEndAngle()
原始碼 · 傳回一個新的 徑向線產生器,它具有這個徑向區域產生器的目前 已定義存取器、曲線 和 context。該線的 角度存取器 是這個區域的 結束角度存取器,而該線的 半徑存取器 是這個區域的 內半徑存取器。
areaRadial.lineOuterRadius()
原始碼 · 傳回一個新的 徑向線條產生器,具有此徑向面積產生器的目前 定義存取器、曲線 和 內容。該線條的 角度存取器 是此面積的 起始角度存取器,而該線條的 半徑存取器 是此面積的 外半徑存取器。