1.1 应用场景

水球图是填充仪表盘的一种，适合于展现单个百分比数据的图表类型。一般用以实时监控 cpu 和内存运行占比。实现效果如图所示：

1.2 功能介绍

• 支持数据动态轮播，数据可实时更新。

• 支持调整标题、标签、图形和背景的样式。

• 支持自定义轮播间隔和图表联动。

1.3 插件安装

点击下载插件：扩展图表插件

设计器插件安装方法参照：设计器插件管理

服务器安装插件方法参照：服务器插件管理

2.1 数据准备

新建内置数据集，重命名为内存占用，如下图所示：

2.2 报表设计

1）合并单元格，A1 单元格选择单元格元素>插入图表>扩展图表-仪表盘类>水球图，如下图所示：

注：如果不合并单元格，需要调整单元格行高、列宽来实现水球图的最佳展示效果。

2）右侧单元格元素中选择 数据，设置 数据集、指标值、目标值，如下图所示：

3）属性面板选择样式-标题，标题输入水球图，其余采用默认设置即可，如下图所示：

4）属性面板选择样式-标签，此处默认勾选百分比，如下图所示：

5）属性面板选择样式-图形，自定义区间颜色和动画效果，如下图所示：

• 区间配置：区间颜色默认为自动；选择自定义时，可根据值划分 n 个阶段并且可设置各阶段颜色。

• 动画：波浪动画默认为开启。

6）属性面板选择样式-背景，可设置图表区的背景填充，默认为深蓝色。

7）轮播联动设置参见文档：地图轮播联动 ，示例中不设置图表联动。

2.3 模板预览

保存模板，选择表单预览，效果如应用场景中所示。

注：暂不支持移动端。

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\水球图.cpt

点击下载模板：水球图.cpt