コンテンツへスキップ

pivotick v3.0.0


ピボット / GraphUI / LegendEntry

インターフェース: LegendEntry ​

定義: interfaces/GraphUI.ts:542

凡例の 1 行: スウォッチ、ラベル、およびどの要素を識別する方法 — edge スコープのセクション内のノード、またはエッジを表します。

例 ​

js
{ id: 'hub', label: 'Hub', color: '#7EA2FB',
  predicate: (node) => node.getData()?.type === 'hub' }

プロパティ ​

badge? ​

optional badge: NodeBadge

定義: interfaces/GraphUI.ts:567

要素によって区別されるように、このバッジをドットではなく見本として描画します。 塗りつぶしではなく、NodeStyle.badges マークを付けます。キャンバスのように描かれています が描画するので、凡例にも同じマークが表示されます。 color という名前のバッジは、 エントリーの。 edge スコープのセクション (スウォッチが線) では無視されます。

例 ​

js
{ id: 'enriched', label: 'From enrichment', color: '#8b5cf6',
  badge: { svgIcon: sparkle }, predicate: (node) => node.getData().enriched }

color ​

color: string

定義: interfaces/GraphUI.ts:554

見本の色 — 任意の CSS 色。派生モードでレンダラからサンプリング: edge スコープのセクション内のノードのフィル、またはエッジのストローク。


id ​

id: string

定義: interfaces/GraphUI.ts:544

安定したアイデンティティ: トグルキー、およびフィルターに書き込まれる値。


label? ​

optional label: string

定義: interfaces/GraphUI.ts:549

人間のラベル。そのまま使用されます(翻訳できるため)。

デフォルト ​

かわいいid


order? ​

optional order: number

定義: interfaces/GraphUI.ts:576

表示順序は昇順です。

デフォルト ​

ts
declaration (or first-seen) order

predicate? ​

optional predicate: (node) => boolean | (edge) => boolean

定義: interfaces/GraphUI.ts:574

このエントリが表す要素。デフォルトでは id と一致します key が宣言されている場合、要素のデータに LegendOptions.key が適用されます。

セクションが scope: 'edge' を宣言すると、Node または Edge を受け取ります。