检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro大屏应用改变了可视化大屏的制作模式,提供了丰富的可视化卡片、灵活的数据接入、页面所见即所得,帮助开发者快速构建和发布专业水准的可视化应用。 工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,获取锁。 将鼠标放在对应的组件上,单击,进入更新组件页面。 图7 进入更新组件页面 在组件更新页面,上传新的组件、设置组件参数,单击“更新”。 图8 设置组件信息 将鼠标放在对应的组件上,单击,可查看到新版本的组件(如1
标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。 前缀:输入数字的前缀。 字体大小:设置前缀的字体大小。
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
输入框字体:输入框中字体的大小、颜色等设置。 输入框背景颜色:设置输入框背景颜色。 边框颜色:设置输入框边框的颜色。 边框聚焦颜色:设置鼠标选中输入框时,边框的颜色。 边框悬浮颜色:设置鼠标悬浮在输入框上时,边框的颜色。 输入框内容设置 选择范围时的分隔符:选择日期范围时,中间的分隔符,一般使用“-”。
为工作空间添加成员:为工作空间添加成员,只有在空间中的成员,才能在该空间下执行创建项目、页面等操作。 设置工作空间页面配额:为工作空间设置页面配额,超过页面配额后将无法再新建页面。 创建项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。
如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。 设置Token认证:通过设置Token认证
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 设置数据集参数。 图2 设置关系型数据库数据集参数 界面模式 该模式为界面化操作,需要选择具体
可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展示的页面,支持选取项目内的其他大屏页面和外部页面。 交互 在交互中,设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 其它
新建版本 单击,设置项目当前发布版本。 图2 设置当前发布版本 在弹出的提示框中,单击“确定”。 发布成功后,页面显示“版本发布成功”。 设置项目访问限制。 图3 设置项目访问限制 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认
路由视图卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支
在页面右上角,根据需要选择所需的主题(本示例设置为经典原始,即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
当前操作的类型,如新增、更新等。 组件ID 资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后,内容将会在组件详情页的“概况”页签下进行展示。
beforeDestroy()函数:组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
度节点的具体指标展示。 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。
创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
数据源:选择华为云Astro轻应用数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集
选中基本折线图组件,单击组件上方的,设置组件标题“内容”为“告警平均处理时长统计”。 图10 设置基本折线图组件标题 选中基本折线图组件,单击组件上方的,打开Y轴轴线“显示”开关。 图11 轴线显示 单击页面上方的,保存后单击,选择不同手机型号查看页面在移动端上的显示效果。 图12 查看移动端效果