检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
* @param renderCbk 成功回调 * @param errCbk 失败回调 */ connectorInst.process(renderCbk, errCbk) 其中，“connectorInst”用来调用数据源数据接口。 getProperties 获取组
events Object 否 events: { change: function(vm, value) { } } 配置项修改触发事件的回调函数，当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。
自适应内容最小高度。 maxRows Number 否 maxRows: 6 自适应内容最大高度。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发
Number 否 max: 100 设置计数器允许的最大值，默认值为Infinity。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发
@param {array} params 事件触发时传入的参数数组对象 * @param {*} receiveActionCbk 动作的回调函数，在回调函数中定义该动作的执行逻辑 */ Studio.registerAction( this, "setSelectedItem"
是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下，配置后效果如图1所示。
render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render
suffix String 否 "suffix": "%" 输入框尾部内容，如后缀。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 input blur 在input值改变时触发 (event, data, field) change change 仅在输入框失去焦点或用户按下回车时触发
showInput Boolean 否 showInput: true 是否展示输入框。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 colorpicker配置示例如下，配置后效果如图1所示。
title Function|Boolean 否 title: "xxx" 悬浮提示。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 checkbox配置示例如下，配置后效果如图1所示。
showHint Boolean 否 showHint: false 是否展示提示图标。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下，配置后效果如图1所示。
扩展组件在系统中的交互能力。单击“新增自定义事件”，可新增事件。在事件实现中，编辑事件实现的代码，为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可定义发送事件时携带的参数字段。如何为自定义事件添加交互，请参
否 sourceKey: "value" 选项中值对应的key，默认为value。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 tab配置示例如下，配置后效果如图1所示。
是否展示输入框，默认为true。 append String 否 append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下，配置后效果如图1所示。
Label：动作标签名，在动作列表中展示的动作标题。 []：事件触发时传入的参数。 $.proxy(this.receiveActionCbk, this)：该动作的回调函数，在回调函数中定义该动作的执行逻辑。 []：此参数在开发过程中置为空数组即可。 Studio.registerRouter：用来定义路由。 Studio
是否为远程搜索。 fetchData Function 否 () => () 远程搜索方法。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 select配置示例如下，配置后效果如图1所示。
查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后，如果应用包中包含关系型数据库、Prometheus和HTTP连接器数据源，需要重新配置密码和加密字段。 图18 修改关系型数据库数据源密码 图19 修改Prometheus数据源密码 图20 修改HTTP连接器数据源加密字段
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图1 新建DWS数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“DWS”。 数据源：选择DWS数据源中，创建的数据源。 目录：设置数据集的存放目录
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
