检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
UI类型介绍 本文介绍自定义组件支持的控件（组件样式配置项）。您可以通过gui.json文件中定义的type字段，来定义控件的类型和配置。 支持的Type类型 Type字段支持以下类型： input：文本输入框。 number：数值控件，支持输入，支持定制最大值、最小值等。 se
数量：可设置字体的数量。 序列号 显示/隐藏序列号：单击“序列号”右侧的勾选框，表示显示序列号，表示隐藏序列号。 字号：用户自定义字号，设置范围10~100之间。 颜色：单击颜色编辑器设置背景色，用户自定义。 字体粗细：单击下拉选项设置序列号这一列中文本的字体粗细样式。 列宽占比（%）：输入数值设置序列号这一列的宽度。
触发select类型的交互，需要在gui.json的event中配置type为“select”，调用方法如下： // click为触发交互时的方法，为用户自定义方法，为保证this上下文不变，请使用箭头函数 click = () => { // 交互触发 this.eventEmit({
线/面图 折线图 面积图 堆积面积图 折线柱状图 组合图 父主题： 仪表板可视化控件
到100之间。 底部：设置映射底部，输入不能为空，且输入值在0到100之间。 文字：支持设置颜色和字号。 图6 视觉映射 系列 配色方案：用户根据提供的配色方案选择。 系列：根据配色方案分系列。系列名由颜色和度量字段构成。 交互 联动 单击“高级>联动”，进入图表联动设置页面，参考表3设置参数。
表格 表格图 交叉表 热力图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
指标看板 指标看板可以一目了然地展示数据基本情况，以方便您及时掌握现状，从而快速制定并实施应对措施。因此，指标看板是发现并解决问题的有效地方法之一。本文为您介绍如何为指标看板添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。 度量
饼状图 饼状图表 环形进度条 玫瑰图 雷达图 父主题： 常用图表
饼/环图 饼图 雷达图 父主题： 仪表板可视化控件
柱状/条形图 簇状柱状图 堆积柱状图 堆积条形图 甘特图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
散点/气泡图 散点图 气泡图 父主题： 仪表板可视化控件
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
组件开发包文件介绍 本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
置绑定字段，否则无法跳转。 表4 参数说明 参数 描述 跳转类型 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 打开方式 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。
获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 自动设置数值范围 当未勾选框时，需要用户自己设置。 当勾选框时，图表自动设置数值范围。 显示坐标轴 设置是否显示坐标轴。 当未勾选框时，为不显示Y轴的坐标轴。 当勾选框时，支持对Y轴坐标线的字体大小和颜色设置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
