ピボット / GraphUI / PropertiesPanel
インターフェース: PropertiesPanel
グラフ UI のサイドバーのプロパティ パネルの構成を表します。
ノードとエッジのプロパティを計算して表示する方法を定義します。
デフォルト
All key/value pairs from node.getData() or edge.getData()プロパティ
edgePropertiesMap()
edgePropertiesMap: (
edge,ctx) =>PropertyEntry[] |Promise<PropertyEntry[]>
表示するエッジ プロパティのリストを計算する関数。
async の場合があります — エントリの Promise を返し、パネルに 解決されるまでプレースホルダー。
パラメータ
edge
ctx
返品
PropertyEntry[] | Promise<PropertyEntry[]>
デフォルト
All key/value pairs from edge.getData()enabled?
optionalenabled:boolean
サイドバーにプロパティ パネルが表示されるかどうか。 false はそれとその セパレーターを使用して、ヘッダー、隣接するパネル、および追加のパネルを残します。
デフォルト
truenodePropertiesMap()
nodePropertiesMap: (
node,ctx) =>PropertyEntry[] |Promise<PropertyEntry[]>
表示するノード プロパティのリストを計算する関数。
async の場合があります — エントリの Promise を返し、パネルに 解決されるまでプレースホルダー。
パラメータ
node
ctx
返品
PropertyEntry[] | Promise<PropertyEntry[]>
デフォルト
All key/value pairs from node.getData()render?
optionalrender:string|HTMLElement| (element,ctx) =>FallbackRenderResult
プロパティ パネルのカスタム レンダラー。このコンテンツは、デフォルトのサイドバーのプロパティ パネルをオーバーライドします。
デフォルト
undefined例
(element) => `element id: ${element.id}`// A custom view for a lone node, the aggregated table for everything else.
(element) => (element instanceof Node) ? viewFor(element) : undefined備考
返された string はプレーンテキストとしてレンダリングされます。 HTML をレンダリングするには HTMLElement を返します。 async の可能性があります: スロットは解決されるまでプレースホルダーを表示し、結果が 選択範囲が削除された後に到着します。
undefined に戻る (または解決する) と、選択をデフォルトに戻します パネル: nodePropertiesMap / edgePropertiesMap 1 行 要素、複数の集計テーブル。何も描画しない場合は、null を返します。