检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上(如本示例中的“园区办公人员统计”),单击“...”,选择“设为首页”。 返回项目列表页面,将鼠标放在页面所在的项目上,单击。 在项目发布中,单击“+ 新建版本”。
管理页面 管理组件模板 桥接器模板 查看操作日志
议及服务声明。 图1 华为云Astro大屏应用隐私协议及服务声明 图2 华为云Astro大屏应用界面 表1 华为云Astro大屏应用界面介绍 功能 功能介绍 项目列表 项目列表用于对系统中的项目进行集中管理,支持新建项目、删除项目和发布项目等。 新建一个项目 项目可以理解为是一种
名称的长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 图1 新建一个目录 确认后,在数据集管理页面的左侧目录树中,可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后,支持修改目录的名称。 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
参考创建页面中操作,创建所需的页面。 在页面上方的工具栏中,单击,可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量,且变量的名称和项目变量一致(如ProjectVariable),则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中,使用项目变量。 选中页
管理组件模板 查看组件模板详情 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,单击页面右上方的“管理”,进入华为云Astro大屏应用管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。
通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图2 自定义背景框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框
的配置介绍,请参见路由视图。 图1 路由导航(示例) 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片
大屏页面。 预览并发布大屏页面 在线预览大屏页面效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 步骤一:注册账号并实名认证 使用华为云Astro大屏应用前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,
在华为云Astro大屏应用服务控制台,单击实例中的“进入首页”,进入华为云Astro大屏应用界面。 在页面右上角,单击“账号名”,选择“本地部署”。 图1 选择本地部署 在本地部署信息中,单击“版本列表”,下载华为云Astro大屏应用运行环境部署包。 图2 下载新版本的运行环境部署包 进入旧版本的私有化
在华为云Astro大屏应用大屏开发页面,支持将组件图层向上、向下移动一层或移动至底层等,帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。
模式的详细介绍,请参见计费模式。 计费项 华为云Astro大屏应用服务的计费项由空间数、页面数、存储容量、加密分享、数据接入、项目管理和图表组件等组成。关于计费项的详细介绍,请参见计费项。 续费 包年/包月华为云Astro大屏应用到期后,会影响华为云Astro大屏应用服务正常运行
”,“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置,预览页面,echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题: 组件管理
递,从而达到交互的目的,例如图表联动、自定义字段等功能。静态数据不支持配置全局变量。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图5 拖拽字段到对应的坐标轴 表格字段:展示创建数据集中,录入的静态数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。
可在请求参数Path列表中使用变量“xx”。 请求方法:请根据接口类型,选择请求方法。 请求参数 Query:请求的参数,通常指的是URL中“?”后的附加参数。 Header:Header中需要的参数,支持“字符串”和“表达式”两种。“字段类型”设置为“表达式”时,单击“默认值”
propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 { migrateFrom: 'advancedSettings', headerTitle: { zh_CN:
Canvas”,单击“添加授权成员”,进入添加成员页面。 选择前提条件中的IAM用户,单击“确定”,完成授权操作。 在华为云Astro大屏应用成员列表中,可查看到已授权的IAM用户。 图3 添加成员 将IAM用户添加到工作空间。 IAM用户授权后,即可正常进入华为云Astro大屏应用界面,但是
在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组
选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看华为云Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图5 华为云Astro大屏应用控制台