雷达图自定义坐标轴值区间

  • 文档创建者:Holly
  • 编辑次数:9次
  • 最近更新:用户SsDT62926 于 2020-07-06
  • 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



    附件列表


    主题: 数据准备