检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图6 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。
"selected value" }, }, ], }, }, 表1 SelectWidget.zip字段说明 字段名 字段说明 sendSelect 自定义的事件名为“sendSelect”，必须配置。 须知： 需要在组件“.js”文件逻辑代码中，使用“Studio
选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。 设置完成后，单击“保存”。 选择地图组件，单击组件上方的，显示热力图层，数据标题设置为“子公司完成率”，显示类型设置为“区间显示”，并设置填充颜色。
中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图13。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获取数据配置结果，以javascript代码处理逻辑，如图14。 图13 拖拽字段 图14
选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果 父主题： AstroCanvas学堂
对参数进行排序 String sortParams = String.join("&", parameterList); // 重新拼接参数 String usedSigUrl = String.join("?", new String[] {uri, sortParams});
选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果 父主题： AstroCanvas学堂
{ "name": "global_echarts", "version": "102.0.4" } ] } 文件字段说明 widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。
dataIndex: params.dataIndex, }); 单击“新增参数”，设置参数名称为“dataIndex”。 图2 新增dataIndex字段 选中echarts组件，单击，进入组件交互页面。 在作为触发器中，单击“交互事件”，选择“组件加载”。 在响应动作中，单击“响应动作”，选择“组件响应”。
系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值字体。“标签悬浮”设置为“开启”是，显示该配置项。
Boolean 否 value: true 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
String 否 value: false 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN":
在项目列表中，可查看到项目已成功导入。 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后，如果应用包中包含关系型数据库和HTTP连接器数据源，需要重新配置密码和加密字段。 图16 修改关系型数据库数据源密码 图17 修改HTTP连接器数据源加密字段 父主题： AstroCanvas学堂
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
