检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。
登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“删除”。 图1 删除组件 您也可以在“图层”中,选中一个或多个组件,单击“删除”。 图2 在图层中删除组件 在弹出的确认框中,单击“确定”。 执行该操作,将会永久删除组件,请谨慎操作。 父主题: 组件管理
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
服务启动后,在浏览器中,输入AstroCanvas服务所在服务器的IP地址和端⼝,获取机器码。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml时配置的服务器ip、“19996”为端口。 图8 复制服务器机器码 注册服务器。 在AstroCan
anvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置 通过桥接器
组件入门 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常
复制并粘贴组件 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。
私有化部署升级指导 AstroCanvas运行环境部署包存在多个版本,且新版本相对于之前的版本存在功能变动时,可按照本章节操作更新已部署的AstroCanvas。 更新已私有化部署的AstroCavans有两种方式,一种是创建一个新目录部署一个全新的AstroCanvas,另一种
隐藏组件 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
发布为首页 操作场景 项目中存在多个已发布页面时,可指定某个页面为项目首页。如果不指定,默认使用项目中的第一个页面作为项目首页。 例如,某个项目中包含“人员来访统计”(项目的第一个页面,默认为项目首页)和“园区办公人员统计”两个页面,现在将首页更改为“园区办公人员统计”。 发布为首页
锁定/解锁组件 操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录A
json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name": "messages-en" //
配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 单击页面上方的,保存设置页面。
设置版本号和版本描述(可选),勾选待发布的页面,选择页面版本,单击“确定”。 只有已生成发布链接的页面,才会显示在如图1所示页面中。您可以根据自身业务需求,选择发布一个或多个页面。 图1 新建版本 单击,设置项目当前发布版本。 图2 设置当前发布版本 在弹出的提示框中,单击“确定”。 发布成功后,页面显示“版本发布成功”。
AstroZero 获取某AstroZero环境中的对象数据,作为组件输入数据。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建,如何创建请参见创建应用。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
复选框 复选框是文本组件的一种,用于选择一个或多个选项。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“复选框”组件至画布空白区域,如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
上移、下移、置顶、置底等层级操作,也可以通过设置组件属性精确设置层级。在画布区域中按住Ctrl键可选择多个组件,拖动其中的某个组件,其他组件也随着改变位置,支持按鼠标左键框选多个组件。 5 主题 主题可以一键改变装饰卡片元素、图表配色和字体颜色等视觉效果。单击“取消当前主题卡片装
AstroZero API 通过调用AstroZero的接口,来获取数据。 前提条件 连接的数据源已创建,如何创建请参见AstroZero数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的
化。 特性优势 丰富的预置模板:涵盖政务、交通、电力等多个垂直领域,模拟数据分析、设备监控、环境监测、产品展示等多个典型应用场景。 自定义模板能力:用户可以自定义定制模板,沉淀自己的最佳实践,分享复用。 项目模板:可以将多个大屏一键生成成套模板,一次新建把握整体风格。 组件互动,预置近百种交互场景,自定义实现万千可能