检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param
选择“关系型数据库”,配置数据源参数。 图1 新建关系型数据库数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 数据库类型:数据库支持的类型,按需选择。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。
数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器,则无需执行此操作。本示例中,请提前创建图1中的转换器。 图1 AstroZero转换器
关系型数据库 操作场景 基于关系型数据库,如MS SQL Server、MySQL、Oracle、GaussDB或PostgreSQL创建的数据集。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 创建关系型数据库数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器,则无需执行此操作。 创建ROMA连接器数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
propertiesConfig 字段介绍 propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下
通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。 getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。
符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示DWS数据源可以调通。
Boolean 否 showInput: true 是否展示输入框,默认为true。 append String 否 append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data
params); }, 全局变量 组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object
和“\\{0}”两种类型的转义字符。转义字符中的数字“0”为文本编辑组件数据中二维数组的位置,其对应关系如图7所示。如果全部设置为“{0}”,则全部显示第一个数据,如图8。 图7 转义符和二位数组对应关系(一) 图8 全部显示第一个数据 新增条件格式 在大屏设计页面,从“全部组件
SQL,支持多种接入方式,并兼容主流数据格式。数据无需复杂的抽取、转换、加载,使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、OBS、ECS自建数据库以及线下数据库的异构数据进行探索。更多关于DLI的介绍,请参见DLI产品文档。 操作步骤 参考登录AstroCanvas界面
请求方法:请根据接口类型,选择请求方法。 请求参数 Query:请求的参数,通常指的是URL中“?”后的附加参数。 Header:Header中需要的参数,支持“字符串”和“表达式”两种。“字段类型”设置为“表达式”时,单击“默认值”,可将5中鉴权信息中返回的参数赋值给连接器的请求参数。 Body:当请求
组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
其他数据源 配置组件数据时,支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置
proxy(this.receiveActionCbk, this):该动作的回调函数,在回调函数中定义该动作的执行逻辑。 []:此参数在开发过程中置为空数组即可。 Studio.registerRouter:用来定义路由。 Studio.inReader:判断当前高级页面状态是开发态或预览态。
{string/{langKey:string}} actionDescription 动作描述 * @param {array} params 事件触发时传入的参数数组对象 * @param {*} receiveActionCbk 动作的回调函数,在回调函数中定义该动作的执行逻辑 */ Studio
支持从指定的schema中,选择数据表。如果不指定schema,默认从public类型的数据库表中获取数据。 select * from pg_catalog."pg_index" 其中,“pg_catalog”为指定的schema,“pg_index”为数据库中的表。 自定义SQL语句时,通过输入 “ $”,可进
前台筛选:是否开启前台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。