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

目录:

1. 版本编辑

扩展图表插件版本
v2.2

2. 描述编辑

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

222


3. 示例编辑

3.1 数据集设置

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

222


3.2模板设置

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


222

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


3.3 数据设置

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


222



3.4 样式设置

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

1)标题

直接在文本中输入内容即可。


222


2)标签

222

内容:选择是否展示指标值、目标值及百分比,并且设置对应的数值格式。默认只展示百分比。 

指标值:为当前水球图显示的百分比对应的实际数值。

目标值:默认为自动,自动时根据当前值自动计算出目标值大小。

注:标签样式设置为自定义时: 如果设置内容中包含百分比,设置的字体样式对百分比生效,指标值和目标值根据视觉规则自适应;如果设置内容中不包含百分比,则设置的字体样式对指标值,目标值生效。


3)图形
222
区间配置:区间颜色默认为自动,自动时根据值划分为三段;自定义时,可根据划分阶段设置各阶段颜色。


4)背景
222

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


3.5 播放设置

222

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


3.6 模板预览

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


4. 已完成模板编辑

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