コンテンツへスキップ

pivotick v3.0.0


ピボット / RendererOptions / EdgeStyle

インターフェース: EdgeStyle ​

定義: interfaces/RendererOptions.ts:673

プロパティ ​

animateDash? ​

optional animateDash: boolean

定義: interfaces/RendererOptions.ts:691

ダッシュをアニメーション化するかどうか (パスに沿って移動するアニメーションなど) @デフォルト: true


curveStyle ​

curveStyle: CurveStyle

定義: interfaces/RendererOptions.ts:681

デフォルト ​

ts
bidirectional

dashed? ​

optional dashed: boolean | (edge) => boolean

定義: interfaces/RendererOptions.ts:686

ストロークが破線であるかどうか

デフォルト ​

ts
false

markerEnd? ​

optional markerEnd: string | (edge) => string

定義: interfaces/RendererOptions.ts:701

エッジはどのエンドマーカーを使用する必要がありますか

デフォルト ​

ts
arrow

markerStart? ​

optional markerStart: string | (edge) => string

定義: interfaces/RendererOptions.ts:706

エッジはどの開始マーカーを使用する必要がありますか

デフォルト ​

ts
undefined

opacity ​

opacity: number

定義: interfaces/RendererOptions.ts:679

デフォルト ​

ts
1.0

rotateLabel ​

rotateLabel: boolean

定義: interfaces/RendererOptions.ts:696

ラベルをビューポートに対して水平方向に整列させます。

デフォルト ​

ts
false

strokeColor ​

strokeColor: string

定義: interfaces/RendererOptions.ts:675

デフォルト ​

ts
'var(--pvt-edge-stroke, #999)'

strokeWidth ​

strokeWidth: number

定義: interfaces/RendererOptions.ts:677

デフォルト ​

ts
2

styleCb()? ​

optional styleCb: (edge) => Partial<EdgeStyle>

定義: interfaces/RendererOptions.ts:718

エッジに基づいてスタイル プロパティを動的にオーバーライドするコールバック。

それがどこに配置されるかは、どのスタイル ブロックがそれを宣言するかによって異なります。 edge 自身の このスタイルでは完全に勝ち、edgeStyleMap は完全にスキップされます。オン render.defaultEdgeStyle これはデフォルトのスロットの計算された形式です。 エッジも edgeStyleMap も設定されていないものだけ (そしてエッジごとの styleCb 省略)、その結果は依然として両方に負けます。

レンダリングごとにエッジごとに 1 回実行されるため、コストを抑えます。

パラメータ ​

edge ​

Edge

返品 ​

Partial<EdgeStyle>