提示框内组件
2025年1月17日大约 2 分钟
提示框内组件 2024.3+
提示框可以选择页面当中已有的组件作为展示内容。
图表组件和地图组件
此案例展示把地图组件的提示框改为数字卡片组件,实时展示选中省份的数据信息。
步骤一: 变量池添加变量
新建大屏,点击右侧边栏变量池下的
编辑变量
按钮。在弹窗中添加两个变量,变量
name
默认值设为初始值,变量value
默认是设为 0。
步骤二: 数字卡片使用变量
从左侧边栏的
文字
页签中拖拽数字卡片
组件到画布区。右侧边栏切换到
数据
选项卡,清空标题和值区域,并点击右侧的按钮,标题设为
{var_name}
,值设为{var_value}
。
步骤三: 地图设置区域热力层
从左侧边栏的
地图
页签中拖拽中国地图
组件到画布区,并在右侧图层管理
中选择添加区域热力层
。点击
区域热力层
右侧的按钮,进入图层设置。切换到
交互
选项卡,勾选启用热力区域移入事件
,将字段name
绑定到变量name
,字段value
绑定到变量value
。
步骤四: 地图设置提示框
切换到图层的属性
选项卡下的提示框
页签,显示选项打开,显示类型选为组件
,组件选择数字卡片
。

步骤五: 保存预览
保存大屏,点击预览查看效果。发现当鼠标悬浮到某个省份上时,提示框展示了数字卡片,卡片标题为省份名,值为数据的 value 值。
