地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
产品规格差异 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,各套餐的功能说明如表1所示,具体计费详情请参见AstroCanvas产品价格详情。
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
参考模板:系统预置的组件样式模板。 背景颜色 显示背景颜色:显示或隐藏背景颜色。 颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。
组件对齐 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。 图1 组件对齐 父主题: 组件管理
删除组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“删除”。 图1 删除组件 您也可以在“图层”中,选中一个或多个组件,单击右键选择“删除”。
对应的状态码,系统默认有如下几个状态,每个状态有对应的状态码来标识。 当月默认状态:状态码为“0”。 选中状态:状态码为“1”。 前月和下月状态:状态码为“2”。 状态4/5/6/7:其他状态,每种状态可对应日历上的待办事项或者重要内容等。
移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。 图1 移动页面 父主题: 页面管理
创建分组 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。 分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。
创建大屏&PC端项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击“新建项目”。
拖拽组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选中一个或多个组件,按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题: 组件管理
删除页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待删除的页面上,单击。 在弹出的提示框中,单击“确定”,即可删除该页面。 页面删除后,不可恢复,删除前请确认无需再使用该页面。
发布页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
隐藏组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“隐藏”,可隐藏该组件。 图1 隐藏组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,隐藏组件。
通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。
自定义事件:echarts组件支持自定义扩展事件和交互,来扩展组件在系统中的交互能力。单击“新增自定义事件”,可新增事件。在事件实现中,编辑事件实现的代码,为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。
词云 词云是文本组件的一种,通过对词频的统计及对应词语字体大小样式,来展现词语出现次数。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“词云”组件至画布空白区域,如图1。 图1 词云 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在华为云Astro大屏应用可视化开发页面,通过拖拽组件、设置页面布局、对接业务数据等,即可构建华为云Astro大屏应用大屏&PC端/移动端页面,具体流程如图5所示。
您即将访问非华为云网站,请注意账号财产安全