检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
饼状图 饼状图表 环形进度条 玫瑰图 雷达图 父主题： 常用图表
饼/环图 饼图 雷达图 父主题： 仪表板可视化控件
数量：可设置字体的数量。 序列号 显示/隐藏序列号：单击“序列号”右侧的勾选框，表示显示序列号，表示隐藏序列号。 字号：用户自定义字号，设置范围10~100之间。 颜色：单击颜色编辑器设置背景色，用户自定义。 字体粗细：单击下拉选项设置序列号这一列中文本的字体粗细样式。 列宽占比（%）：输入数值设置序列号这一列的宽度。
触发select类型的交互，需要在gui.json的event中配置type为“select”，调用方法如下： // click为触发交互时的方法，为用户自定义方法，为保证this上下文不变，请使用箭头函数 click = () => { // 交互触发 this.eventEmit({
线/面图 折线图 面积图 堆积面积图 折线柱状图 组合图 父主题： 仪表板可视化控件
到100之间。 底部：设置映射底部，输入不能为空，且输入值在0到100之间。 文字：支持设置颜色和字号。 图6 视觉映射 系列 配色方案：用户根据提供的配色方案选择。 系列：根据配色方案分系列。系列名由颜色和度量字段构成。 交互 联动 单击“高级>联动”，进入图表联动设置页面，参考表3设置参数。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
柱状/条形图 簇状柱状图 堆积柱状图 堆积条形图 甘特图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
组件开发包文件介绍 本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index
是否必选 参数类型 描述 X-Auth-Token 是 String 用户Token。 通过调用IAM服务获取IAM用户Token接口，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见Token认证。 表3 请求Body参数
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
参数设置完成之后，单击“确定”完成联动设置。 场景示例：以某店销售产品报表为示例。 创建表格（表格字段显示：生产时间、产品名称、产品类型、区域、用户名、生产价格），创建柱状图（显示字段：产品价格、用户年龄、生产时间）。图13右上角柱状图联动过滤左边柱状图，显隐下面表格图表。 图13 联动图表 单击柱状图>交互>
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
环形进度条 本章节主要介绍环形进度条的各配置项的含义。 字段 环形进度条字段设置支持手动输入和动态字段配置。 手动输入，需要分别输入目标值和进度值。 图1 手动输入 动态字段 在数据列下的轴值/度量内，选择需要的“轴值/度量”，拖拽至进度值/目标值/度量区域。 过滤：如果您的数据
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
