!!!###!!!title=103- 鼠标移入图表区域,hover 显示内容怎么更换?——VisActor/VChart FAQ 文档!!!###!!!

鼠标移入图表区域,hover 显示内容怎么更换?

问题描述

我把鼠标移动到一个柱状图里头之后,被 hover 的柱子会显示一个悬浮框展示柱子的数据信息。我想要把这个 hover 之后的显示内容换成其他的数据内容,请问应该怎么实现呢?

解决方案

图表中图元被 hover 之后显示的提示信息一般被称为 tooltip。在 VChart 中,开发者可以通过 tooltip 组件的配置自定义提示信息的标题以及每行显示的内容。Tooltip 的提示信息包含两种交互形式,一种是 hover 在图元上的交互,另一种是 hover 在数据维度上的交互,两者可以分别通过 tooltip.mark 与 tooltip.dimension 来配置。

除了自定义 tooltip 的显示文本,VChart 也允许用户通过 tooltip handler 渲染任意内容,例如在 tooltip 中展示一个额外的图表:

参考示例

代码示例

相关文档