检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
按钮 按钮组件通常与其他组件配合使用, 用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。
messages: thisObj.getMessages() }) getCsrfToken 通过ajax的方式,调用平台的接口时使用,使用方式参考如下: /* * 如果使用平台桥接器的方式,平台会自动在请求header中添加csrf-token头。 */ HttpUtils.getCsr
关系型数据库数据源 使用MS SQL Server、MySQL、Oracle、GaussDB和PostgreSQL关系型数据库,作为数据源。 新建关系型数据库数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 拖拽基本柱图到右侧画布中 选中该组件,单击组件上方的,进入组件数据页面。
产品优势 使用华为云Astro大屏应用开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数
表格中的数据进行排序。后台排序的使用示例,请参见如何使用高级表格的后台排序功能。 图10 在后台对数据进行排序 后台筛选:是否开启后台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。后台筛选的使用示例,请参见如何使用高级表格的后台筛选功能。 图11 在后台对数据进行筛选
每一个工作空间,都对应一个新的华为云Astro大屏应用。在华为云Astro大屏应用中,通过创建工作空间,可实现对租户下的资源进行隔离与授权。 使用约束 只有租户管理员(实例创建者),才能执行创建工作空间的操作。 新建工作空间 租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模拟数据”开关,一键开启当前项目中所有桥接器使用模拟数据,也可以在“组件”页签的组件前单独通过
名、函数或者直接输入函数,如图5。 图5 表达式设置 单击“保存”,完成数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图6 从图表中拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。
是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定
请参见页面数据集。 数据源 支持直接从数据源(关系型数据库、Roma连接器、DLI和DWS等),获取数据来展示在页面上。更多介绍,请参见其他数据源。 父主题: 数据接入
Body:当请求类型为POST时,还需要设置Body,可以使用默认值也可以根据实际需求进行填写。 Path:URL中配置的带大括号的变量。例如{pathParam} ,其中pathParam会作为变量名。 返回参数:设置返回参数。在Body中,可以贴一段预期结果的json,使用时可以解析出字段格式。 认证信
接口所在服务地址的URL。输入的URL地址中,支持包含变量,例如“https:example.{region}.com”。地址中的变量,在使用数据源时,支持修改,如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式:设置接口的鉴权方式,支持无身份认证和基本身份认证(用户名/密码)两种。
1:只能拖拽一个字段。 1+:可以拖拽多个字段。 required Boolean 否 required: true 是否必须配置。 组件使用数据集 数据集实例获取。 组件代码中可使用如下API,来获取对应的数据集实例。 ConnectorIns: thisObj.getConnectorInstan
referenceLine 图表的X、Y轴参考线配置。 metrics 指标-自定义 metrics 图表的指标配置,如显示/隐藏、内容和样式控制。 自定义分类 自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
DLI数据集 基于数据湖探索(Data Lake Insight,简称DLI)服务的数据集。 前提条件 连接的数据源已创建,如何创建请参见DLI数据源。 在DLI构建数据 登录DLI服务控制台。 参考创建并提交Spark SQL作业中操作,创建队列、数据库和表。 例如,创建了数据库tpch,且数据库中预置了所需的表。
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。