检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
服务启动后,在浏览器中,输入华为云Astro大屏应用服务所在服务器的IP地址和端口,获取机器码。 http://10.10.*.*:19996/ 其中,“10.10.*.*”为1.d中,修改application.yml时配置的服务器ip、“19996”为端口。 图7 复制服务器机器码 注册服务器。
指数等,效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例,向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。 图1 交通管理大屏效果 操作流程 在华为云Astro大屏应用中开发大屏页面的流程,如图2所示。 图2 开发大屏页面流程 注册账号并实名认证
为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。 页面标题的长度范围为1~100个字符。
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码访问”开关,按照规则要求设置分享码和有效期,单击。
缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。 在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。
通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。 图1 添加本地页面模板文件 在创建页面对话框中,输入页面标题,单击“新建”。 系统自
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 配置 在配置中,设置内嵌的本项目其它页面或者外部页面。当嵌入页面虚拟为不同域名时,可以提高整个页面的加载速度。
例如,新建三个页面(页面一、页面二和页面三),向页面一(默认主页)中拖入玫瑰花饼图和基本饼图,向页面二中拖入多区域折线图并发布,向页面三中拖入基本柱图并发布。 参考创建大屏&PC端项目中操作,新建一个大屏项目,如页面间交互。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入玫瑰花饼图和基本饼图。
不排序”。 图9 设置模板 选中水平基本柱图组件,在组件上方单击,将所有数据系列中的“数据标签”设置为“上”,让数据显示在柱形图上方。 图10 数据显示在柱形图上方 打开水平堆叠效果。 图11 打开水平堆叠 选中水平基本柱图组件,在组件上方单击,隐藏x轴,并隐藏y轴网格线。 图12
选中水平基本柱图组件,单击组件上方的,打开“水平堆叠”开关,并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 图7 将数据标签设置为上 选中水平基本柱图组件,单击组件上方的,隐藏Y轴网格线。 图8 隐藏网格线 设置基本折线图组件。 在左侧全部组件中,拖拽“基本折线图”组件到移动端页面开发操作区域,即画布区域。
导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击,重新配置。 导入项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表页面中,单击“导入项目包”。
设置Token认证 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“Token认证”开关,设置签名校验参数和有效期。
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图8 进度条坐标轴 x轴 X轴:是否显示X轴。 轴线显示:是否显示轴线。打开后需要设置轴线颜色。 刻度显示:是否显示刻度。 刻度标签显示:是否显示刻度标签。打开后需要设置刻度标签字体颜色、大小、粗细。
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待分享数据集中的,选择“分享”。 将链接分享给工作空间的其他成员,其他成员即可通过该链接打开数据集。 父主题: 数据集管理