类: ToolTipService

dashboard.VisualNS.ToolTipService

Table of contents

构造方法

• constructor

方法

• hide
• move
• show

构造方法

constructor

• new ToolTipService()

方法

hide

▸ hide(): void

隐藏工具提示。

返回值

void

move

▸ move(pos): void

移动工具提示。

参数

返回值

void

示例代码

//当鼠标在图表上移动时更新工具提示位置。
private mouseMoveHandler = (e: any) => {
	this.visualHost.toolTipService.move({
		x: d3.event.x,
		y: d3.event.y,
	});
}

show

▸ show(config): void

显示工具提示。

参数

返回值

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,
	});
}