检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。
隐藏其他图表组件 按照上述操作,分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。 图8 柱图事件交互设置 图9 折线图事件交互设置 图10 气泡图事件交互设置 设置完成后,单击“完成”,返回大屏开发页面。 单击,保存页面,单击,预览效果。 父主题: 交互设置
分析服务。用户不需要管理任何服务器,即开即用。支持标准SQL/Spark SQL/Flink SQL,支持多种接入方式,并兼容主流数据格式。数据无需复杂的抽取、转换、加载,使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。
在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
入项目后,页面中原先设置的分享码会被置空,请按照如下操作重新设置。 在项目列表中,单击已导入的项目,进入项目详情页。 单击待访问页面后的,为页面设置分享码。 图22 为页面设置分享码 输入分享码,单击,保存设置。 图23 输入分享码 单击,复制页面URL地址。 图24 获取页面URL
健康检查设置 健康检查设置中提供了页面健康度检查能力,对慢请求、错误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。
的总配额。如果配额不足,可单击“页面扩容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
如何设置分享码 AstroCanvas支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新
新建第一个版本 单击新建版本后的,将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中,您还可以执行如下操作: :预览该版本页面。 :编辑该版本页面。 :删除该版本页面。当前版本页面设置为发布页后,不支持删除。 关闭页面发布设置,返回设计页面,拖入其他组件,如折线图组件,保存页面。
选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
选择新建全局变量 “变量”设置为“seriesName”,“变量说明”设置为“系列名称”,单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面,“赋值到变量”选择5.g中新建的变量, 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。
数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA Connect的服务API。 服务集成APIC(API Connect,简称APIC)是ROMA
一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
roCanvas中开发一个大屏页面的流程。 使用AstroCanvas开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面,带您了解在AstroCanvas中开发一个移动端页面的流程。