检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
择字段名、函数或者直接输入函数,如图5。 图5 表达式设置 单击“保存”,完成数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图6 从图表中拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。
新建关系型数据库数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“关系型数据库”,配置数据源参数。 图1 新建关系型数据库数据源 数据源名称:新建
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
轮播图片 轮播图片是指通过轮播的方式,来实现图片广告位的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播图片”组件至画布空白区域,如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在库更新页面,上传新的库、设置库参数,单击“更新”。 图8 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。 编辑库 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。
次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图8 查看后台分页效果
为作业添加标签后,在华为云Astro大屏应用中可通过标签识别到是具体哪个作业的执行结果。如果不设置标签,默认识别到最新作业的执行结果。 图2 设置标签 单击“执行”,构建数据。 图3 构建数据 在左侧导航栏中,选择“作业管理 > SQL作业”,查看构建结果。 图4 查看构建结果 创建DLI数据集
备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题:
添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。
选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示热力图层,数据标题设置为“子公司完成率”,
量。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图4 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从华为云Astro轻应用中读取一次数据,默认配置为“0”,表示只获取一次。
配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作 父主题: 全局变量
数,如图3。 图3 设置表达式 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入大屏开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 从图表中拖拽基本柱图组件到画布中 选中
面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图:使用项目中,页面的缩略图,作为当前项目的封面。 上传封
m。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码
成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方,通过工具栏提供的
进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“Token认证”开关,设置签名校验参数和有效期。 图3 设置Token认证