检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 当页面中组件较多时,切换到图层页面,可方便快速查找到所需的组件。 在图层中,单击,将列表切换为卡片样式。 图1 将图标切换为卡片样式
参考创建大屏&PC端项目中操作,新建一个大屏项目,如页面间交互。 参考使用空白画布新建页面中操作,新建一个空白页面,并拖入玫瑰花饼图。 选中玫瑰花饼图,单击组件上方的,进入交互设置页面。 设置本页面与外部页面之间的跳转。 图11 设置与外部交付的页面 外部页面由于同源策略限制,暂不支持弹窗打开。 在填写外部页
在AstroCanvas界面的右上角,单击“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在桥接器模板页面中,单击模板bridgeBasicTemplate,进入模板详情页。 图1 单击桥接器模板 在桥接器模板详情页,单击“下载”,将模板包下载到本地。
分不同维度可视化图形的提示标识。 图6 雷达图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例选择模式:设置图例选择模式,支持单个和多个。 小图标:设置图例小图标样式,如圆形、矩形、三角形等。 图列排列:设置图例的排列样式,如水平、垂直。 图例宽度:设置图例的宽度。
查看页面数据集 使用页面数据集 在开发页面,从“组件 > 图表”中,拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中 选中组件,单击组件上方的,进入数据源设置页面。 “数据类型”选择“页面数据集”,选择创建页面数据集中创建的数据集。 图11 选择页面数据集 在组件预览中,拖拽表格中的字段到配置中,即可预览效果。
组件入门 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常
天气 天气是文本组件的一种,用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“天气”组件至画布空白区域,如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
音频 音频组件用于在可视化大屏中添加音频播放器来播放您的音频,仅支持MP3、OGG和WAV格式的音频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“音频”组件至画布空白区域,如图1。 图1 音频 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
环境的项目列表中,通过单击“导入项目包”进行安装使用,实现将环境A迁移项目到环境B。 OneMobile:使用该运行容器下载的项目包,可在华为OneMobile上安装运行。选择此方式时,还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。
其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图6。 图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图8),否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题: 页面管理
趋势 趋势是文本组件的一种,用于展示数据变化的趋势。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“趋势”组件至画布空白区域,如图1。 图1 趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
按钮 按钮组件通常与其他组件配合使用, 用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。
视频 视频是媒体组件的一种,用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频”组件至画布空白区域,如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可以理解为组件由卡片中基础元素(卡片背景、特效、卡片边框)和视频元素构成。
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。 在工具栏中,单击,进入页面发布设置。 在“版本管理”区域,单击需要回退版本后的,单击“继续编辑”,进行回退。 如
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
全屏 全屏是基础交互组件的一种,能够灵活的在全屏和小屏中进行切换。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“全屏”组件至画布空白区域,如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
登录华为云官网,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 在左侧导航栏上方,单击,选择服务实例所在的区域项目。 单击,在查找框中搜索“Astro轻应用”,单击查找到的结果,进入AstroZero服务控制台。 在AstroZero服务控制台的主页中,单击“进入首页”,进入AstroZero应用开发页面。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”,获取项目编辑权限。 在左侧菜单栏中,选择“项目变量”,单击“添加变量”。
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心