[]
        
在线Demo 免费试用
(Showing Draft Content)

鼠标提示标签

1. 概述

1.1 功能概述

提示标签是指当鼠标移至图表的图形时,会出现相应的提示信息,即鼠标提示。如下图所示。

PixPin_2025-06-17_10-13-41 PixPin_2025-06-17_10-15-55

图表组件支持全方位自定义提示标签(内容、运算方式、背景样式等),而表格组件仅可调整提示内容及显示开关。本节为您介绍鼠标提示标签属性。

2. 鼠标提示标签

2.1 定制标签内容

  1. 选中组件(如柱状图),设置提示标签模式为数据点。

    PixPin_2025-06-17_10-22-50

  2. 默认情况下,提示标签显示的是组件绘制时用到的字段,即数值、分类、系列和行列切面等绑定的字段。单击绑定区域提示标签旁边的更多按钮PixPin_2025-06-17_10-14-33,选择设置,可对标签内容进行定制。

    PixPin_2025-06-17_10-16-18

  3. 在设置窗口中我们可以设置标签显示的内容以及字体样式。

    PixPin_2025-06-17_10-16-53

    1)标签中可以手写内容,也可以单击右上角的 image 按钮,选择组件中绑定的字段,这里除了包含组件绘制用到的字段外,还包括提示标签中绑定的字段。

    PixPin_2025-06-17_10-17-44

    2)如果需要在提示标签中显示组件绘制之外的字段,就可以将其绑定到提示标签中,还可以修改聚合方式,数据格式、数据单位以及添加数据筛选,重命名等。

    PixPin_2025-06-17_10-18-27

    3)绑定完成后接口在提示标签设置界面中使用绑定的字段。

    PixPin_2025-06-17_10-20-32

    4)成果展示:

    PixPin_2025-06-17_10-21-04

2.2 设置鼠标提示属性

2.2.1 提示标签模式

  1. 该属性用来设置鼠标提示是否显示,以及是显示数据点的提示内容还是分类组的提示内容。

  • 当选择分类组模式时,鼠标提示的内容为组中各系列的数据,内容不能定制。

    PixPin_2025-06-17_10-28-27

  • 当选择数据点模式时,则为常规的鼠标提示,提示的是鼠标当前所在的数据点的相关数据,可以通过数据绑定区中的“提示标签”后的更多按钮来定制内容。

    PixPin_2025-06-17_10-27-44

  • 对于表格类组件来说,则仅能控制鼠标提示标签的显示与否。

    PixPin_2025-06-17_10-29-00

2.2.2 显示坐标轴指示器

  1. 用于设置在预览/查看界面鼠标移动至数据点时显示坐标轴的指示器,开启后,可以设置更多属性,包括坐标轴指示器类型、直线类型、直线颜色、直线宽度和阴影颜色。

    坐标轴指示器类型

    说明

    系统图示

    直线

    • 直线类型: 支持实线和虚线

    • 直线颜色: 设置直线颜色

    • 直线宽度: 设置直线宽度

    PixPin_2025-06-17_10-31-10

    阴影

    • 阴影颜色: 设置阴影颜色

    PixPin_2025-06-17_10-34-55