检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
拖入其他组件 单击页面上方的，单击“+新建版本”，会生成第二个版本。 生成的第二个版本会显示在上方，由于发布页设置的是第一个版本的页面，这时用户通过发布后的链接访问页面，页面仍是第一个版本，不会看到第二个版本新建的折线图组件。 图5 新建第二个版本 父主题： 页面管理
通用设置 操作场景 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
流程。 购买AstroCanvas实例 在使用AstroCanvas前，您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。 购买Astro大屏应用实例：AstroCanvas提供了“As
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在
数据集管理 （可选）新建目录 静态数据 关系型数据库 ROMA连接器 AstroZero API AstroZero DLI DWS HTTP连接器 Prometheus 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集 父主题： 数据中心
上传自定义组件 将自定义组件上传到AstroCanvas中，并在页面中使用。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。
静音播放：开启后，音频将会静音播放。 图5 开启后效果 控制条：关闭后，音频的控制条将会隐藏。 数据 在数据中，配置音频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置音频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，配置后效果如图2所示，组件配置项详细介绍请参见表1。
如何自定义动作 操作场景 在配置组件交互时，可以通过编写代码实现自定义交互动作，从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。
定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实例，“Astro大屏应用基础版”实例不支持添加自定义组件。 新建目录 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
arts开源社区选择合适的demo。 在实例化代码块中，还可以实现异步加载和引入第三方库，详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”，可查看实例化代码块的参数说明。 单击，可复制实例化代码。 单击，可最大化实例化代码块页面。 自定义事件：echart
Prometheus 前提条件 连接的数据源已创建，如何创建请参见Prometheus数据源。 创建Prometheus数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
线分析，实现数据快速变现。更多关于DWS的介绍，请参见DWS产品文档。 前提条件 连接的数据源已创建，如何创建请参见DWS数据源。 创建DWS数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集
/** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例 */ Studio.registerAction( thisObj, 'confirmLocationWidgetCbk', 'c
域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 用户名：登录数据库的用户名。 密码：数据库用户密码。 数据库名称：数据库实例名称。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示DWS数据源可以调通。 单击“保存”，完成数据源的创建。 父主题：
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
