检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
缀、后缀和数值显示位置等。 显示内容宽度占比：设置进度条上显示内容宽度占比。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 提示 图9 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。
自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图9 提示 图10 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图10。 特征标
自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 提示 图9 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：
自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图7 提示 图8 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图8。 特征标记：
te），单击“更新”。 图11 更新组件 返回我的组件页面，可查看到组件名称变为TabsWidget_Update。 图12 查看新组件 在组件上，单击，可查看到新版本的组件（如1.0.2）。 图13 组件新版本 查看组件历史版本 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图10 滚动翻页效果 图11 普通换行效果 图
自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图9 提示 图10 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图10。 特征标
返回我的库页面，在组件上单击，可查看到新版本的库。 图7 查看新版本的库 查看库历史版本 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击，即可查看库的历史版本。 图8 查看库历史版本
自定义图例显示：是否开启自定义图例显示设置。开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 提示 图9 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：
自定义图例显示：是否开启自定义图例显示设置。开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：
自定义图例显示：是否开启自定义图例显示设置。开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：
自定义图例显示：是否开启自定义图例显示设置。开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：
自定义的事件名为“sendSelect”，必须配置。 须知： 需要在组件“.js”文件逻辑代码中，使用“Studio.registerEvents()”方法注册该事件，并使用“thisObj.triggerEvent()”方法触发该事件。 desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。
自定义图例显示：是否开启自定义图例显示设置。开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 提示 图9 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图9。 特征标记：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
