触达云屏，数据可视化设计，图片组件：

介绍

• 选择使用素材库内的图片
• 支持设置外部链接图片
• 支持从数据集获取图片地址
• 支持高亮设置（如鼠标移入后，变化图标、缩放图标、倾斜图标 等）
• 支持开关状态

可以实现图片动画、物联网开关、物联网扇叶、物联网闪烁警示 等业务需求。

1. 添加组件

2. 配置数据

图片地址 支持直接选择设计资产库中的图片，也支持从数据集中获取图片地址。
切换到数据配置，配置数据来源，关于不同数据类型的区别，请参考文档：组件通用配置说明

零代码绑定数据，数据集中包含以下字段即可。

自定义数据转换时，参考下面数据格式：

{
    "value": "图片地址",
    "highlight": "高亮图片地址",
    "switchState": 0,//1 开，0关
    "extObj": {
        "value": "/img/example/bubble2.png"
    }
}

3. 配置图表 (配置项持续增加，以设计器内实际为准)

4. 事件配置：

点击事件：

编写 点击图片事件函数，支持弹窗、跳转、联动更新等自定义操作。

(img,items,visual)=>{
    console.log(img,items,visual);
}

参数说明：

img = {
    "data": {
        "value": "/img/example/bubble2.png" //图片地址
    },
    "switchState": 0  //开关状态 1开0关，其他值表示未启用开关状态
}
visual = 当前组件对象