跳转到内容

pivotick v3.0.0


拓展 / RendererOptions / NodeBadge

接口: NodeBadge ​

定义于:interfaces/RendererOptions.ts:393

固定在节点边缘的小指示器 - KeyLines 和 ReGraph 称为 glyph。

徽章是它们自己的装饰通道,因此节点可以携带color,shape,size,iconClass和imagePath已经花费的事实。他们只描述了它们所在的节点:折叠的集群不会聚合其子节点的徽章——如果你想要的话,可以自己走node.children。

示例 ​

js
defaultNodeStyle: {
    badges: node => node.getData().notes
        ? [{ text: String(node.getData().notes), title: 'Notes', onClick: () => openNotes(node) }]
        : [],
}

属性 ​

color? ​

optional color: string

定义于:interfaces/RendererOptions.ts:401

任何 CSS 颜色。

默认值 ​

var(--pvt-badge-color)


iconClass? ​

optional iconClass: string

定义于:interfaces/RendererOptions.ts:407


iconUnicode? ​

optional iconUnicode: string

定义于:interfaces/RendererOptions.ts:408


onClick()? ​

optional onClick: (event, node, badge) => void

定义于:interfaces/RendererOptions.ts:420

单击徽章时在 InterractionCallbacks.onBadgeClick 之前调用。

声明它会使徽章接受指针光标并消耗消耗单击,因此该节点也不会被选中。没有徽章的徽章对于下面的节点保持透明。按下徽章仍然可以向任意方向拖动节点。

参数 ​

event ​

PointerEvent

node ​

Node

badge ​

NodeBadge

返回值 ​

void


position? ​

optional position: NodeBadgePosition

定义于:interfaces/RendererOptions.ts:399

坐在哪个角落。省略它,徽章会自动放置在第一个空闲角,从 'ne' 顺时针方向。明确的位置会被尊重逐字,即使它与另一个徽章或扩展可供性重叠。


svgIcon? ​

optional svgIcon: string

定义于:interfaces/RendererOptions.ts:410

内联 SVG 标记,在到达 DOM 之前进行清理。


text? ​

optional text: string

定义于:interfaces/RendererOptions.ts:406

计数,或一两个字符。较长的文字会使徽章变成药丸;过去三个字符它呈现为 99+。优先于同一徽章上的任何图标。


title? ​

optional title: string

定义于:interfaces/RendererOptions.ts:412

原生工具提示,呈现为真实的<title>。不隐藏图表自己的工具提示。