设置动态值

在山海鲸可视化中，我们可能会需要通过点击组件的某个部分，然后获取该部分的动态值，这时我们就需要设置动态值。

1. 基础数据表格设置动态值的过程

打开一个空白项目后，首先添加一个“基础数据表格”组件。

选中“基础数据表格”组件，在右侧的交互中点击“+添加交互”按钮添加一个新的交互，触发选择“点击某行时”，因为我们添加这个交互的目的是为了获取组件返回的数值结构，所以下方的选项可以随意设置，这里用切换组件状态进行演示，设置完成后点击“确认”按钮，如下图所示：

成功添加交互后，我们点击数据表格来触发交互，如下图所示：

然后点击右下角的“调试面板”按钮，如下图所示：

在调试面板中切换到“系统信息输出”这页，在下方查看“打印信息”，获取对应的数值结构，如下图所示：

添加一个“基础单行文本”组件，用来展示获取到的“动态值”，如下图所示：

选中“基础数据表格”组件，对之前添加的交互进行修改，将动作改为“修改设置”，指定组件选择刚刚添加的“基础单行文本”组件，设置项选择“文本”，将需要获取的动态值填写到文本一栏中，这里使用数据表格中第一列的“id 值”进行演示，输入** {:payload.row.id}，然后点击“确认”**按钮，如下图所示：

这样，我们就实现了对动态值的设置，能够获取当前点击数据表格中某行某列的值，如下图所示：

2. 其余可以设置动态值的组件

每个组件返回的数值结构不同，只有部分组件才会传值出来，而这些组件能够返回数值的样式就可以设置动态值，包括以下组件：“渐变分组条形图”、“基础饼状图”、“基础分组柱状图 2”、“基础数据表格”、“数据表格 3”、“基础下拉菜单”、“纵向菜单”、“时间选择器”、“时间范围选择器”、“进度条”、“轮播图”、“中国地图”、“主视觉元素一”、“主视觉元素二”、“主视觉元素三”。

其中，“主视觉元素”可以获取标题的动态值，“中国地图”组件可以获取标记点和底图层的动态值，而这些组件设置动态值的方式和“基础数据表格”组件方式相似，以下展示两种组件设置动态值后的效果。
“主视觉元素三”设置动态值的效果如下图所示：

“基础下拉菜单”设置动态值的效果如下图所示：