[]
dashboard.VisualNS.ToolTipService
• new ToolTipService()
▸ hide(): void
隐藏工具提示。
void
▸ move(pos
): void
移动工具提示。
名称 | 类型 |
---|---|
pos |
IPosition |
void
示例代码
//当鼠标在图表上移动时更新工具提示位置。
private mouseMoveHandler = (e: any) => {
this.visualHost.toolTipService.move({
x: d3.event.x,
y: d3.event.y,
});
}
▸ show(config
): void
显示工具提示。
名称 | 类型 | 描述 |
---|---|---|
config |
ITooltipConfig |
工具提示配置。 |
void
示例代码
// 此函数将绑定到图表的鼠标事件,它将显示带有标题、字段、选择信息和菜单按钮的工具提示。
private mouseEnterHandler = (node: any) => {
this.visualHost.toolTipService.show({
position:{
x: d3.event.x,
y: d3.event.y,
},
title: node.data.color,
fields: [{
label: this.valueField,
value: node.data.value,
}],
selectionId: node.data.selectionId,
selected: this.selectionManager.getSelectionIds(),
menu: true,
});
}