历史版本7 :雷达图自定义坐标轴值区间 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

我们需要用雷达图来展示最大值和最小值,那么该如何实现如下图的效果呢?

图片.png

1.2 实现思路

可以通过雷达图中新增不同分类坐标轴,值大小分别指定的功能,解决了不同分类间数值相差过大,图表数据显示不清晰的问题。

2. 示例编辑

2.1 数据准备

新建普通报表,添加内置数据集 Embedded1,如下图所示:

图片.png

2.2 插入图表

1)设计器菜单栏点击 插入>悬浮元素>插入图表 ,如下图所示:

图片.png

2)弹出图表向导对话框,选择  雷达图  ,点击  确定,如下图所示:

图片.png

3)将雷达图拖入一块选定好的区域中,用鼠标调整图的大小,如下图所示:

图片.png

2.3 设置图表数据源

选中图表,在右侧图表属性表中选择悬浮元素-数据,设置如下图:
图片.png

2.4 图表属性设置

1)选中图表,在悬浮元素栏选择  样式>标题  ,设置如下图:

图片.png

2)选择 样式>图例  ,设置如下图:

图片.png

3)选择  样式>系列  ,形状选择   多边形  ,调整 不透明度,如下图所示:

图片.png

4)选择  样式>坐标轴-极径轴 ,定义最小值与最大值,如下图所示:

图片.png

5)选择  样式>背景-图表区  ,设置填充颜色为黑色,如下图所示:

图片.png

6)选择  样式>背景-绘图区>自定义间隔 ,添加  自定义间隔事件1 ,如下图所示:

图片.png

2.5 效果预览

1)PC端

保存模板,点击  填报预览  ,效果如下图所示:

图片.png

注:悬浮图表不支持移动端预览

3. 模板下载编辑

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewRadarChart\三国属性对比.cpt

点击下载模板:

三国属性对比.cpt