历史版本8 :扩展图表-水球图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑

 报表服务器版本 jar扩展图表插件版本
10.02019-03-01 v2.2

2. 描述编辑

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

222

3. 示例编辑

3.1 数据集设置

新建模板,添加内置数据集1,选择表设计,增加列,如下图所示:

222

3.2模板设置

合并单元格,左上角选择插入>单元格元素>插入图表>扩展图表—仪表盘类>水球图,如下图所示:

222

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

3.3 数据设置

右侧单元格元素中选择 数据,设置 数据集、指标值、目标值,如下图:

222

3.4 样式设置

右侧单元格元素中选择 样式,设置需要的标题、标签、图形、背景,如下图所示:

1)标题

勾选「标题可见」,在内容下的文本中输入标题,并对标题进行设置,如下图所示:

222

2)标签

勾选「使用标签」,再进行详细设置,设置内容如下:

       
选项
含义  
内容1)指标值
2)目标值
3)百分比:指标值/目标值的百分比。
样式    1)自定义:
如果设置内容中包含百分比,设置的字体样式对百分比生效,指标值和目标值根据默认规则自适应;
如果设置内容中不包含百分比,则设置的字体样式对指标值,目标值生效。
  2)自动:根据默认规则显示


222

3)图形

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

动画:波浪动画默认为开启。

4)背景
222

可设置图表区的背景填充,默认为深蓝色。

3.5 播放设置

选择播放,更改轮播时间和轮播联动,如下图:

222
间隔时间:默认为6s。(可根据需要自行修改)

可添加联动单元格或联动悬浮元素,联动动画默认“重新加载”,详细请参考轮播时自动联动其他组件


3.6 模板预览

保存模板,选择预览,实现效果如描述中所示。


4. 已完成模板编辑

已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\水球图.cpt

点击下载模板