历史版本10 :扩展图表-水球图 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 版本
| 报表服务器版本 | jar | 扩展图表插件版本 |
|---|---|---|
| 10.0 | 2019-03-01 | V2.2 |
1.2 应用场景
水球图是填充仪表盘的一种，适合于展现单个百分比数据的图表类型。一般用以实时监控 cpu 和内存运行占比。实现效果如图所示：
2. 示例编辑
2.1 数据集设置
新建模板，添加内置数据集1，如下图所示：
2.2 模板设置
合并单元格，左上角选择插入>单元格元素>插入图表>扩展图表—仪表盘类>水球图，如下图所示：
注：如果不合并单元格，需要调整行高、列宽来实现水球图的最佳展示效果。
2.3 数据设置
右侧单元格元素中选择 数据，设置 数据集、指标值、目标值，如下图所示：
2.4 样式设置
右侧单元格元素中选择 样式，设置需要的标题、标签、图形、背景，如下图所示：
2.4.1 标题
勾选标题可见，在内容下的文本中输入标题，并对标题进行设置，如下图所示：
2.4.2 标签
勾选使用标签，再进行详细设置，设置内容如下表所示：
| 选项 | 含义 |
|---|---|
| 内容 | 1）指标值 2）目标值 3）百分比：指标值／目标值的百分比。 |
| 样式 | 1）自定义： 如果设置内容中包含百分比，设置的字体样式对百分比生效，指标值和目标值根据默认规则自适应； 如果设置内容中不包含百分比，则设置的字体样式对指标值，目标值生效。 2）自动：根据默认规则显示 |
2.4.3 图形
区间配置：区间颜色默认为自动；选择自定义时，可根据值划分 n 个阶段并且可设置各阶段颜色。
动画：波浪动画默认为开启。
2.4.4背景
可设置图表区的背景填充，默认为深蓝色。
2.5 播放设置
轮播联动设置请参考地图轮播联动。
2.6 模板预览
保存模板，选择预览，实现效果如1.2 应用场景中所示。
3. 已完成模板
已完成模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\水球图.cpt
点击下载模板：水球图.cpt