检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加组件 在华为云Astro大屏应用中，组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用，同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页
会显示该参数。 展开样式：设置下拉框选项的展开样式。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。
如何通过全局变量，实现组件数据的动态变化 在华为云Astro大屏应用中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状态，可查看各个地区相应状态下的告警数量分布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”
开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态，欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用（Astro Canvas，简称AstroCan
刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 *
组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以g
和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，相关配置请参见桥接器预置。 静态数据 选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上，详情请参见静态数据。
翻牌器 翻牌器是文本组件的一种，通过设置翻盘动画效果，来动态展示数据的变化过程。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
displayMode String 否 displayMode: “box”displayMode: “simple” 显示为下拉框中或平铺。 box：显示在下拉框中。 simple：直接显示。 events Object 是 events: { addItemFunc: function
分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。
时间翻牌器 时间翻牌器是文本组件的一种，用于使用翻牌器效果动态展示当前时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间翻牌器”组件至画布空白区域，如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡
分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。
Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。
描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型
分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。
性。 千分逗号：开启后，数值千位后将添加“，”符号。 保留小数：设置数值显示的小数位数。 四舍五入：数值包含小数时，是否采用 动态量词：是否开启动态量词量级，开启后，支持设置如下属性。 量词类型：可选择自动量级和自定义量级。 量词选择：选择动态量级的量词，支持“‰”、“%”、“万
行政区边框：设置高亮行政区的边框颜色。 地图控件 缩放：开启后，地图右下角会添加缩放控件。 图5 开启缩放效果 旋转：开启后，地图右上角会添加旋转控件。 图6 开启旋转效果 比例尺：开启后，地图左下角会添加比例尺控件。 图7 开启比例尺效果 地图控制 拖拽：设置地图是否支持拖拽。 缩放：设置地图是否支持缩放。
最小时间间隔：每个数据点之间最小的时间间隔，取值范围为[1, 40000000]。 查询配置：单击“新增查询”，可增加promQL查询，最多只支持添加8条，支持设置变量。 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
