检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。
使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。
如何自定义库 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 自定义库 将自定义库的相关文件打成Zip包。
本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库中操作,新建关系型数据库数据集(新建变量value)。
更多介绍,请参见管理页面版本。 图7 版本管理 分享码设置:设置页面分享码和分享码有效期,设置后,只能通过分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图8 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。
更多介绍,请参见管理页面版本。 图3 版本管理 分享码设置:设置页面分享码和分享码有效期,设置后,只能通过分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图4 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。
下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts,请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。 前提条件 已参考静态数据中操作,创建静态数据类型的数据集。
本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。
更多介绍,请参见管理页面版本。 图4 版本管理 分享码设置:设置页面分享码和分享码有效期,设置后,只能通过分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图5 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。
图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件 说明 文本编辑 文本编辑组件,用于展示标题,例如人员来访统计。 水平基本柱图 统计当前人员类型,如总公司员工、合作员工、访客人员、安防人员、保洁人员。
更多关于购买AstroCanvas实例的介绍,请参见购买Astro大屏应用实例。 图1 自动续费配置 在续费管理页面开通自动续费 登录管理控制台。 在主菜单中,选择“费用 > 续费管理”,进入“续费管理”页面。 自定义查询条件。
本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中,并调整大小。
关于AstroCanvas各实例规格的详细介绍,请参见产品规格差异。 购买实例 进入购买Astro大屏应用实例页面。 选择购买的实例版本和购买时长,单击“立即购买”。 购买实例时,支持同时购买页面扩容包,也可以在实例购买后,对页面进行扩容。页面扩容包计费规则,请参见计费项。
各套餐详细介绍,请参见计费模式。 包年/包月 套餐版本单价 * 购买时长(以月/年计算) 页面扩容包 扩容包用于新增更多的页面。扩容包不可单独购买和退订,扩容包的使用截止时间与主资源的截止时间保持一致,主资源套餐到期后,扩容包将不可使用。
更多介绍,请参见如何设置分享码。 图3 分享码设置 分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~!
eventConfig其实是一个对象,里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。
下载项目 操作场景 项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 在AstroCanvas中导出项目时,项目包中包含的数据源密码会被置空。 下载项目 在AstroCanvas界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,
安装项目 在项目发布的版本管理中,可下载对应版本的项目包并在其他环境安装项目。例如,在A环境下载项目包,在B环境安装。 安装项目 在A环境AstroCanvas界面的“项目列表”页签中,鼠标悬浮在待下载的项目上,单击。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包