[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

鼠标提示标签

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

image2020-9-25_16-45-19.png

image2022-10-24_17-34-26.png

对于图表组件的提示标签支持进行详细的定制与设置,包括显示的内容、数据运算方式、鼠标跟随背景,跟随提示线、参考线等等。

而对于表格类组件则仅能定制内容和控制是否显示提示标签,不能定制样式。

定制标签内容

默认情况下,提示标签显示的是组件绘制时用到的字段,即数值、分类、系列和行列切面等绑定的字段。

单击绑定区域提示标签旁边的更多按钮,选择设置,可对标签内容进行定制。

image

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

image

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

image

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

image

然后在提示标签中添加字段。

image


预览效果:

image

提示

定制提示标签内容功能仅在数据点模式下生效。

image2020-9-25_16-14-33.png

设置鼠标提示属性

提示标签模式

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

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

image

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

image

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

image2022-10-24_17-39-22.png

分类跟随背景

设置鼠标触碰图形时,是否显示分类背景,以及定制背景的颜色,如下图。

image2020-9-25_16-27-0.png

分类跟随线

设置鼠标碰触图形时,是否显示所属分类的跟随线,以及定制跟随线的颜色、线型和线宽。如下图。

image2020-9-25_16-40-7.png

值轴/分类轴参考线

设置鼠标碰触图形时,是否显示数据点的参考线,以及定制参考线的颜色、线型和线宽。如下图。

image2020-9-25_16-43-21.png