跳至主要內容

提示框内组件

2025年1月17日大约 2 分钟

提示框内组件 2024.3+

提示框可以选择页面当中已有的组件作为展示内容。

图表组件和地图组件

此案例展示把地图组件的提示框改为数字卡片组件,实时展示选中省份的数据信息。

步骤一: 变量池添加变量

  1. 新建大屏,点击右侧边栏变量池下的编辑变量按钮。

  2. 在弹窗中添加两个变量,变量name默认值设为初始值,变量value默认是设为 0。

步骤二: 数字卡片使用变量

  1. 从左侧边栏的文字页签中拖拽数字卡片组件到画布区。

  2. 右侧边栏切换到数据选项卡,清空标题和值区域,并点击右侧的按钮,标题设为{var_name},值设为{var_value}

步骤三: 地图设置区域热力层

  1. 从左侧边栏的地图页签中拖拽中国地图组件到画布区,并在右侧图层管理中选择添加区域热力层

  2. 点击区域热力层右侧的按钮,进入图层设置。切换到交互选项卡,勾选启用热力区域移入事件,将字段name绑定到变量name,字段value绑定到变量value

步骤四: 地图设置提示框

切换到图层的属性选项卡下的提示框页签,显示选项打开,显示类型选为组件,组件选择数字卡片

步骤五: 保存预览

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

上次编辑于: 2025/2/27 13:31:51
贡献者: guohuizheng,xuch