# 元素交互设置

来源快照：`result_data_new_260518.json`

- 来源 ID：`1180704750430076933`
- 模块：绘图
- 目录：绘图设计页面
- space ID：`1175397201831559192`
- 原文链接：未提供
- 产品基线：未提供

## 正文

## 一、功能概述

选中画布区域的元素后，设置当前元素、当前交互情形时，其他元素（当前绘图中，除当前元素以外的）联动显示交互样式。

## 二、功能使用说明

### 2.1  点击动作

**2.1.1   点击【事件动作】按钮，打开“事件配置”弹窗（如图1）**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706532847845377&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图1

**2.1.2   动作触发类型支持“单击”，动作类型支持“打开页面”、“JavaScript”（如图2）**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706532847845380&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图2

**2.1.3   事件动作为“打开页面”**

事件动作默认启动，支持关闭（如图3）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706537332424709&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图3

链接地址为跳转的链接，支持选择地址和选择菜单（如图4）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706524240633857&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图4

 点击参数配置的设置图标，打开参数配置窗口，跳转到对应链接时传递参数（如图5）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706528703373321&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图5

 打开方式默认支持当前页面、新窗口，可根据所选链接放开其他方式：弹出窗口、右侧滑出（如图6）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706533022973956&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图6

 传参方式默认选择URL传参，支持切换隐式传参（如图7）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706537332424717&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图7

**2.1.4   事件动作为“JavaScript”**

事件动作默认启动，支持关闭；下方为代码输入框（如图8）

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706537260253188&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图8

### 2.2  交互样式

**2.2.1   交互样式分组：鼠标悬停、鼠标按下（如图9）**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706532819353605&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图9

**2.2.2   交互样式设置：勾选框选择需要设置的样式，勾选时显示具体的设置内容（如图10）：**

①  填充颜色

②  字体

③  字体颜色

④  字体大小

⑤  字重

⑥  字体样式

⑦  边框样式

⑧  边框颜色

⑨  边框宽度

⑩  边框圆角

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706537332424706&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图10

**2.2.2   交互联动：点击右侧设置图标，打开“设置交互联动”窗口（如图11）：**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1180706541451231232&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

图11

弹窗内可配置：①  联动图形：下拉框选择需要联动的图形

②  同步设置联动：对选中的联动图形同步添加当前图形作为联动图形

③  交互的样式：联动图形自身的交互样式、与当前图形的交互样式一致

## 三、使用注意点

如有，包括针对可能与上下游功能的联动、针对性能安全方面等

## 四、上下游关联功能点

如有，可以挂标题及其对应的简要说明、链接地址
