-
添加组件 - Astro大屏应用 AstroCanvas
添加组件 AstroCanvas中的页面由可视化组件拼装而成,本章节向您介绍如何添加组件。 操作场景 在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 操作步骤
-
3D场景编辑器 - Astro大屏应用 AstroCanvas
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。
-
AstroCanvas学堂 - Astro大屏应用 AstroCanvas
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换Canvas平台主题颜色
-
高级表格 - Astro大屏应用 AstroCanvas
悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的全局样式、表头设置、行、序列号等。 图6 配置 全局样式 背景色:设置表格的背景颜色。 表格行数:设置当前表格可视高度展示的数据行数。 边框:设置表格的边框样式。
-
锁定/解锁组件 - Astro大屏应用 AstroCanvas
锁定/解锁组件 操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录A
-
按钮组件 - Astro大屏应用 AstroCanvas
用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。
-
AstroZero数据源 - Astro大屏应用 AstroCanvas
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“AstroZero”,配置数据源参数。 图1 数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。
-
使用AstroCanvas开发告警处理情况统计移动端页面 - Astro大屏应用 AstroCanvas
分状态进行告警处理情况统计,状态分:待派单、已派单、处理中、已关闭 基本折线图 统计告警处理平均时长 开发移动端页面 登录AstroCanvas服务控制台,单击“进入首页”,进入AstroCanvas界面。 在项目列表页面,单击右上角的“+ 新建项目”。 选择“移动端”,输入项目名称为“Alarm”,单击“新建”。
-
发布页面 - Astro大屏应用 AstroCanvas
全性。如何设置Token认证,请参见如何设置Token认证。 图4 设置Token认证信息 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次
-
组件设置 - Astro大屏应用 AstroCanvas
发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模拟数据”开关,一键开启当前项目中所有桥接器使用模拟数据,也可以在“组件”页签的组
-
文本编辑 - Astro大屏应用 AstroCanvas
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的文本、段落和文本滚动方向。 图4 配置 文本设置 文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容。 字体:设置文本字体、大小和颜色等。
-
使用空白画布新建页面 - Astro大屏应用 AstroCanvas
全性。如何设置Token认证,请参见如何设置Token认证。 图5 设置Token认证信息 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次
-
使用页面模板文件新建页面 - Astro大屏应用 AstroCanvas
全性。如何设置Token认证,请参见如何设置Token认证。 图6 设置Token认证信息 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次
-
路由视图 - Astro大屏应用 AstroCanvas
左边距:图表到组件边框左侧的距离。 自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
-
安装项目 - Astro大屏应用 AstroCanvas
不依赖:不依赖任何环境。 生产环境/沙箱环境 域名:提供服务环境的域名,如https://www.demo.com。 生产环境/沙箱环境 租户ID:提供服务环境的租户ID。 将下载到本地的项目安装包,发送给其他需要安装的用户。 其他用户在B环境AstroCanvas界面,单击“导入项目包”。
-
登录AstroCanvas界面 - Astro大屏应用 AstroCanvas
据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
-
{widget}.js - Astro大屏应用 AstroCanvas
"y": 11.69, "s": "服务水位" }, { "x": "02:30", "y": 17.46, "s": "服务水位" }, { "x":
-
交互设置 - Astro大屏应用 AstroCanvas
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
-
新建连接器 - Astro大屏应用 AstroCanvas
类型:选择连接器类型,便于管理连接器。单击“新建类型”,可自定义连接器类型。 上传图标:单击,可设置连接器显示的图标。 描述:新建连接器的描述信息,可按需进行设置。 请求协议:设置连接器请求协议。 域名:请求的Host地址,不需要带上“http://”或“https://”协议头,同时也不需要“/”结尾。
-
翻牌器 - Astro大屏应用 AstroCanvas
右边距:图表到组件边框右侧的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置翻牌器组件的样式和动画。 图4 配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景色:设置翻牌器数字背景颜色。 数字间隔:设置翻牌器数字之间的距离。 卡片内边距:设置卡片距离组件边框的距离。