放射状エリア

例 · 放射状エリアジェネレーターは、デカルト エリアジェネレーター に似ていますが、x アクセサーと y アクセサーが 角度 アクセサーと 半径 アクセサーに置き換えられています。放射状エリアは原点からの相対位置になります。原点を変更するには、変換 を使用します。

areaRadial()

ソース · デフォルト設定の新しい放射状エリアジェネレーターを構築します。

const area = d3.areaRadial();

areaRadial(data)

ソース · area と同等です。

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

areaRadial.angle(angle)

ソース · area.x と同等ですが、アクセサーは-y（12時）を0とするラジアン単位の角度を返します。

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

areaRadial.startAngle(angle)

ソース · area.x0 と同等ですが、アクセサーは-y（12時）を0とするラジアン単位の角度を返します。注：通常は開始角度と終了角度を個別に設定する代わりに、angle を使用します。

areaRadial.endAngle(angle)

ソース · area.x1 と同等ですが、アクセサーは-y（12時）を0とするラジアン単位の角度を返します。注：通常は開始角度と終了角度を個別に設定する代わりに、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 アクセサー です。