检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待复制的页面上,单击。 在弹出的提示框中,单击“确定”。 输入页面标题,单击“新建”。 复制成功后,系统自动进入开发页面。 图1 输入页面标题 父主题: 页面管理
页面设置 页面创建后,支持修改页面标题和描述信息。 设置页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题
修改项目名称 项目创建后,支持修改项目名称。 修改项目名称 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 根据实际需求,修改项目的名称。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。
组件配置项面板 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。
热力图是柱状图的一种,通过对色块着色来显示数据的统计图表。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“热力图”组件至画布空白区域,如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 热力图卡片
媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 图片卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支
入门实践 当您购买了华为云Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践,帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
设置项目封面 项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。
MP3(音频)格式的视频源。 封面图片地址:视频封面图片的URL地址。 是否循环播放:是否循环播放视频。 是否自动播放:打开页面后是否自动播放视频。 是否静音:播放视频时是否静音。静音后,在播放视频时无法调整音量。 数据 在数据中,设置FLV视频播放组件的数据来源,更多介绍请参见数据接入。 交互
文本”中,拖拽“搜索框”组件至画布空白区域,如图1。 图1 搜索框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 搜索框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,
布空白区域,如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 OpenLayers地图卡片 背景 背景色:设置组件卡片的背景颜色。 边框:
}, 图2 propertiesConfig配置设置后效果 表1 组件配置项说明 字段 类型 示例 说明 migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非华为云Astro大屏应用平台右侧属性面板会过滤掉配置项。
转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题 显示图表标题:是否显示图表标题,默认为隐藏。 标题获取:设置
文本”中,拖拽“复选框”组件至画布空白区域,如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 复选框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,
装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图2 自定义背景框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框
进入华为云Astro大屏应用界面。 在页面右上角,单击“账号名”,选择“本地部署”。 图1 选择本地部署 在本地部署信息中,单击“版本列表”,下载华为云Astro大屏应用运行环境部署包。 图2 下载新版本的运行环境部署包 进入旧版本的私有化部署目录,停止旧版本的华为云Astro大屏应用服务。
导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 选项卡卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,
'EchartsWidgetTemplateConnector', model: 'CommonViewModel', }, 表1 数据集字段说明 字段 类型 是否必填 示例 说明 type String 是 type: "dataSetting" dataSetting为数据集类型。