インターフェース: LegendEntry
凡例の 1 行: スウォッチ、ラベル、およびどの要素を識別する方法 — edge スコープのセクション内のノード、またはエッジを表します。
例
js
{ id: 'hub', label: 'Hub', color: '#7EA2FB',
predicate: (node) => node.getData()?.type === 'hub' }プロパティ
badge?
optionalbadge:NodeBadge
要素によって区別されるように、このバッジをドットではなく見本として描画します。 塗りつぶしではなく、NodeStyle.badges マークを付けます。キャンバスのように描かれています が描画するので、凡例にも同じマークが表示されます。 color という名前のバッジは、 エントリーの。 edge スコープのセクション (スウォッチが線) では無視されます。
例
js
{ id: 'enriched', label: 'From enrichment', color: '#8b5cf6',
badge: { svgIcon: sparkle }, predicate: (node) => node.getData().enriched }color
color:
string
見本の色 — 任意の CSS 色。派生モードでレンダラからサンプリング: edge スコープのセクション内のノードのフィル、またはエッジのストローク。
id
id:
string
安定したアイデンティティ: トグルキー、およびフィルターに書き込まれる値。
label?
optionallabel:string
人間のラベル。そのまま使用されます(翻訳できるため)。
デフォルト
かわいいid
order?
optionalorder:number
表示順序は昇順です。
デフォルト
ts
declaration (or first-seen) orderpredicate?
optionalpredicate: (node) =>boolean| (edge) =>boolean
このエントリが表す要素。デフォルトでは id と一致します key が宣言されている場合、要素のデータに LegendOptions.key が適用されます。
セクションが scope: 'edge' を宣言すると、Node または Edge を受け取ります。