检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板，您可以自定义桥接器。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，
在左侧导航栏中，选择“转换器 > 全部”。 单击“新建转换器”，设置转换器的名称和目录，单击“确定”。 输入转换器的数据处理代码，其它参数不做配置，单击“保存” return dataset.result 输入上述转换器的数据处理代码，表示获取“result”数据。 新建数据集。 在左侧导航栏中，选择“数据集
ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak>
当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。 有效期设置：设置Token认证有效期。如果不设置有效期，Token认证将永久有效。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨
选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。 输入框设置 下方输入框的设置，对时间选择器组件中所有输入框生效。 字体：设置输入框中文字的字体、大小和颜色等。 背景颜色：设置输入框的背景颜色。 边框颜色：设置输入框边框的颜色。 边框聚焦颜色：当鼠标单击或键盘操作将焦点置于时间选择器组件上时，边框所呈现的颜色。
Zero API”时，才显示该参数。 共享数据：是否共享数据。勾选表示某项目里多个组件调用一个公共的请求（请求路径与入参均一致才视为同一公共请求）而访问同一个接口的数据，避免多次调接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 输入数据：系统已预置了
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
华为云Astro轻应用数据集 获取某华为云Astro轻应用环境中的对象数据，作为组件输入数据。 前提条件 连接的数据源已创建，如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建，如何创建请参见创建应用。 创建数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。
产品文档。 前提条件 连接的数据源已创建，如何创建请参见DWS数据源。 约束与限制 配置DWS数据集时，输入的SQL语句中如果含有和DWS数据库中字段名称相同的关键字，关键字需要加双引号 “""”。DWS数据库中包含的关键字，请参见DWS数据库关键字。 创建DWS数据集 参考登录
边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，按照组件分类，查找到对应组件。 您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中
label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。
仅在list首项展示一次label。 设置为true时，只有list中第一项展示list label。 设置为false时，每一项都展示label。 showIndex Boolean 否 showIndex: true label末尾显示计数。 设置为true时，label末尾进行计数(inde
barCommProps: JSON.stringify(_this.barCommProps) }); 属性值需要是String，如果为对象形式则需要做String转换。 父主题： 组件内置API
showInput Boolean 否 showInput: true 是否展示输入框。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 colorpicker配置示例如下，配置后效果如图1所示。
开发页面。 在工具栏中，单击，进入页面发布设置。 在“版本管理”区域，单击需要回退版本后的，单击“继续编辑”，进行回退。 如果回退前希望保存当前页面，请单击“发布新版本”，将当前页面发布为新版本，再单击需要回退版本后的，单击“继续编辑”，进行回退。 图1 回退到历史版本 图2 提示
常运行。如果您想继续使用，需要在指定的时间内为华为云Astro大屏应用续费，否则已创建的项目、页面等功能的使用可能将会受限。华为云Astro大屏应用在到期前续费成功，华为云Astro大屏应用的运行不受影响。 如果您有订购页面扩容包，执行续费操作时，需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。
前缀：是否显示前缀，设置为“显示”时，支持设置如下属性。 前缀内容：输入主要趋势前缀的内容。 前缀字体：设置主要趋势前缀的字体、大小和颜色等。 右间距：设置主要趋势前缀和趋势数字之间的间距。 后缀：是否显示后缀，设置为“显示”时，支持设置如下属性。 后缀内容：输入主要趋势后缀的内容。 后缀
return dataset.result.result 测试数据：转换器处理的验证输入数据，支持手工输入和使用数据集。输入测试数据后，单击“测试”，可进行数据测试。 例如，单击“手工输入”，输入如下示例，单击“测试”后，显示如图2、图3所示效果。 { "resCode":
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
