拓展 / RendererOptions / NodeBadge
接口: NodeBadge
定义于:interfaces/RendererOptions.ts:393
固定在节点边缘的小指示器 - KeyLines 和 ReGraph 称为 glyph。
徽章是它们自己的装饰通道,因此节点可以携带color,shape,size,iconClass和imagePath已经花费的事实。他们只描述了它们所在的节点:折叠的集群不会聚合其子节点的徽章——如果你想要的话,可以自己走node.children。
示例
defaultNodeStyle: {
badges: node => node.getData().notes
? [{ text: String(node.getData().notes), title: 'Notes', onClick: () => openNotes(node) }]
: [],
}属性
color?
optionalcolor:string
定义于:interfaces/RendererOptions.ts:401
任何 CSS 颜色。
默认值
var(--pvt-badge-color)
iconClass?
optionaliconClass:string
定义于:interfaces/RendererOptions.ts:407
iconUnicode?
optionaliconUnicode:string
定义于:interfaces/RendererOptions.ts:408
onClick()?
optionalonClick: (event,node,badge) =>void
定义于:interfaces/RendererOptions.ts:420
单击徽章时在 InterractionCallbacks.onBadgeClick 之前调用。
声明它会使徽章接受指针光标并消耗消耗单击,因此该节点也不会被选中。没有徽章的徽章对于下面的节点保持透明。按下徽章仍然可以向任意方向拖动节点。
参数
event
PointerEvent
node
badge
NodeBadge
返回值
void
position?
optionalposition:NodeBadgePosition
定义于:interfaces/RendererOptions.ts:399
坐在哪个角落。省略它,徽章会自动放置在第一个空闲角,从 'ne' 顺时针方向。明确的位置会被尊重逐字,即使它与另一个徽章或扩展可供性重叠。
svgIcon?
optionalsvgIcon:string
定义于:interfaces/RendererOptions.ts:410
内联 SVG 标记,在到达 DOM 之前进行清理。
text?
optionaltext:string
定义于:interfaces/RendererOptions.ts:406
计数,或一两个字符。较长的文字会使徽章变成药丸;过去三个字符它呈现为 99+。优先于同一徽章上的任何图标。
title?
optionaltitle:string
定义于:interfaces/RendererOptions.ts:412
原生工具提示,呈现为真实的<title>。不隐藏图表自己的工具提示。