检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。 封面:为模板添加封面,可截图获取封面也可以自定义封面。
”,不填写默认为“200px”。 i18n:指定组件的国际化资源文件,详细介绍请参见i18n.json。 requires:依赖的库名称和版本号。 父主题: 目录文件详解
华为云Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 华为云Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。 表1 华为云Astro大屏应用套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个
ents中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。
字体大小:设置前缀的字体大小。 后缀:设置后缀,如“%”。 字体大小:设置后缀的字体大小。 目标数据显示:是否显示目标数据。 目标数据标题:设置目标数据的标题,如当前目标。 字体:设置目标数据标题的字体、大小和颜色等。 完成数据显示:是否显示完成数据。 完成数据标题:设置完成数据的标题,如已完成。
显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。 数据
在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 日期选择器配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体:输入框中字体的大小、颜色等设置。 输入框背景颜色:设置输入框背景颜色。
组件交互 华为云Astro大屏应用为组件设计了事件-动作机制实现组件与组件、组件与页面之间的交互,更多介绍请参见交互设置。 图5 组件交互 组件的主题色 通过设置主题,可一键改变装饰卡片元素、图表配色和字体颜色等视觉效果。华为云Astro大屏应用提供了追光、红色记忆等主题颜色,供您选择。
配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值,使用方式参考如下:
前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本柱图组件,在组件上方单击,配置组件数据,单击“保存”。
组件。 配置 在配置中,可对文本的内容进行设置,如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容:设置文本内容。 字体:设置输入文本内容的字体、大小和颜色等。 文字间距:设置文字之间的距离。 对齐方式:设置文本内容对齐方式,支持左对齐、居中和右对齐。
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
华为云Astro大屏应用部署时通过物理区域划分,为项目级服务。授权时,“作用范围”需要选择“区域级项目”,然后在指定区域对应的项目中设置相关权限,并且该权限仅对此项目生效。如果在“所有项目”中设置权限,则该权限在所有区域项目中都生效。访问华为云Astro大屏应用时,需要先切换至授权区域。 根据授权精细程度分为角色和策略。
配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角:设置标签圆角的大小,“0”为直角。 图5 标签圆角 标签间距:设置标签之间的距离,默认为“0”。 标签内边距:设置标签和组件边框之间的距离,默认为“自适应”。设置为“固定值”时,可自定义内边距大小。
、图表、卡片背景、卡片边框)和图表元素构成。 图3 装饰图案卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类
数据源:选择华为云Astro轻应用数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目
“蓝色渐变不排序”,并设置组件标题为“告警处理情况统计”。 图4 选择蓝色渐变不排序模板 图5 配置标题 选中水平基本柱图组件,单击组件上方的,打开“水平堆叠”开关,并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 图7 将数据标签设置为上 选中水平基本柱图组件,单击组件上方的,隐藏Y轴网格线。