检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
步骤条 步骤条是装饰组件的一种,用于引导用户按照流程完成任务的导航条。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“步骤条”组件至画布空白区域,如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡
轮播页面 轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
项目删除后,不可恢复请谨慎操作。 删除单个项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击待删除项目上的。 在弹出的提示框中,单击“确定”,即可删除项目。 批量删除项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在
锁定组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,单击右键,选择“锁定”,可锁定组件。 图1 在画布中锁定组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,锁定组件。 图2 在图层中锁定组件 解锁组件 参考登录华为云Astro
已参考静态数据数据集中操作,创建静态数据类型的数据集。 图1 多数据流1 图2 多数据流2 创建页面数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选择“数据”,单击“+”。 输入页面数据集的名称,单击“确定”。 图3 新建页面数据集
如何设置分享码 华为云Astro大屏应用支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
地图 华为云Astro大屏应用中的地图组件为二维地图,支持高德、百度、天地图和自定义地图。 在大屏设计页面,从“地图”中,拖拽“地图”组件至画布空白区域,如图1。 图1 地图组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、
复制项目版本 项目创建完成后,支持将项目中发布的版本复制到其他工作空间。 复制项目版本 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后
刻度标签旋转的角度:设置Y轴刻度标签的旋转度数,取值范围为[-90, 90]。 图9 刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 进度条参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图9 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
输入阈值。 反转:是否对轴数据进行反转。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 双向柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
创建移动端项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击“新建项目”。 在新建项目页
通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1
误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在