图表提示

当我们的鼠标悬停在图表的数据上时,会自动弹出提示框展示数据详情。

image-20210527144419284

这个就是图表的提示框组件。操作效果如下图所示:

提示框组件

对于提示框组件提供了很多可以控制其显示效果的属性,下面详细说明:

背景颜色设置

默认采用的是浅黑色的背景,我们也可以调整这个配置,如下是调整为浅蓝色效果:

image-20210527144758302

边框大小和边框颜色设置

如下图,是设置边框宽度为3,边框颜色为绿色的效果:

image-20210527145007823

可以自定义数据内容

通过内容格式器设置,

支持函数设置,例如:

return "<div>部门编号:" + params.name + "   </div><div>薪水总和:"+params.value.salary+"</div>";

显示效果如下:

image-20210527150316221

可以自定义提示层文本样式

包括设置文本颜色,文字字体风格,文字字体的粗细,文字的字体系列,文字字体的大小。

image-20210527164702376

image-20210527164745565

results matching ""

    No results matching ""