基础组件

悟空大屏共提供70多个组件。用户根据听云的API接入规范即可将第三方数据接入大屏，实现数据展示一体化。

如何将API数据接入平台，可以参考API接入规范部分。

饼图

用户可调整饼图的字号和图标样式。

点击图标样式中其他图表选项，可切换样式。

点击组件设置，可进行数据接入。API的接入规范详见饼图。

单个指标饼图

基础设置：

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。

• 可以自定义组件的名称。

• 拖动滑动条，可对组件的整体缩放比例进行配置。

• 可对组件的名称，渐变动画颜色进行设置。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见饼图。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）。

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。

柱状图

在柱状图的基础设置中，用户可调整4种图表样式。API的接入规范详见柱状图。

折线图

在折线图的基础设置中，用户可调整两种图表样式。

点击组件设置可进行数据接入。API的接入规范详见折线图。

柱状折线图

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。

• 可以自定义组件的名称。

• 拖动滑动条，可对组件的整体缩放比例进行配置。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见柱状折线图。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。

性能指标

系统提供四种性能指标图表样式。API的接入规范详见性能指标。

雷达图

系统提供三种雷达图图表样式。

点击组件设置可设置API数据接入。API的接入规范详见雷达图。

气泡图

在气泡图的基础设置中，您可以设置显示的气泡数量。

点击组件设置可设置API数据接入。API的接入规范详见气泡图。

ECharts图表

系统提供Echarts图表组件，可将Echarts的官方图表接入，通过直接调用javascript eval方法、执行编辑器内字符串来生成图表。

在**组件设置**中，将开发完成的图表代码粘贴至代码编辑器，即可展示图表。API的接入规范详见ECharts。

Highcharts图表

Highcharts组件是通过直接调用javascript eval方法，执行编辑器内字符串来生成图表。

在**组件设置**中，将开发完成的图表代码粘贴至代码编辑器，即可展示图表。API的接入规范详见Highcharts。

Iframe组件

只能设置以https://开头的地址。API的接入规范详见Iframe。

仪表盘

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。
• 可以自定义组件的名称。
• 拖动滑动条，可对组件的整体缩放比例进行配置。
• 配置项功能包含：可单独对字段进行颜色和值的区间范围进行设置，设置的字段取接口返回的字段数量。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见仪表盘。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。

彩色进度条

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。

• 可以自定义组件的名称。

• 拖动滑动条，可对组件的整体缩放比例进行配置。

• 新增两个样式提供选择

• 配置项功能包含：可单独对字段进行颜色进行设置。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见彩色进度条。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。

彩色指标

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。
• 可以自定义组件的名称。
• 拖动滑动条，可对组件的整体缩放比例进行配置。
• 可对文字大小进行设置
• 配置项功能包含：可单独对字段进行颜色进行设置。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见彩色指标。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。

立体占比图

概述：基础设置，基本上可对当前组件进行较为一般的外观、配色、位置、组件的名称以及部分的部件自定义部分进行设置。

• 可对组件进行XYZ轴、宽、高进行自定义。
• 可以自定义组件的名称。
• 拖动滑动条，可对组件的整体缩放比例进行配置。
• 配置项功能包含：可单独对字段进行颜色进行设置。

组件设置：

概述：组件进行数据接入，均可在此页签下进行设置，当前组件支持API和静态两种数据接入。

1、API数据接入：

• API的接入规范详见立体占比图。
• Method：支持Get和Post两种方式。
• Token：做安全效验使用，也可以不进行设置。
• 数据刷新频率：可自定义设置组件的数据刷新频率，单位为秒。

2、Demo数据接入：

• 选择demo数据接入后，下面会出现当前组件的代码编辑器。

• 可在代码编辑器的右下角点击“放大“按钮，将编辑器进行放大，便于代码编辑。

• 可对当前组件的数值和名称等信息进行更改（如下图）

• 点击运行后，编辑的数据即在组件上进行更新。

模板设置：

概述：模板页签下，可对当前大屏的分辨率进行设置以及可对当前大屏的背景色进行设置。包括可以自定义背景色。