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

  • Last update:October 25, 2021
  • 1. 概述

    1.1 应用场景

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

    图片.png

    图片.png


    1.2 实现思路

    选择 图表属性表-样式>坐标轴>极径轴 ,值定义处选择分别指定来实现,如下图所示:

    图片.png


    2. 示例

    2.1 数据准备

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

    2.2 插入图表

    报表中插入 悬浮元素 雷达图,如下图所示:

    图片.png

    2.3 绑定图表数据

    选中图表,在右侧图表属性表中选择 悬浮元素>数据,设置如下图所示:

    1616403112454130.png

    2.4 设置图表属性

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

    图片.png

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

    图片.png

    3)选择 样式>系列  ,设置如下图:

    1616404515766548.png

    4)选择 样式>坐标轴>极角轴 ,设置如下图:

    图片.png

    5)选择 样式>坐标轴>极径轴 ,设置如下图:

    图片.png

    6)选择  样式>背景>图表区 ,填充颜色选择  黑色 ,设置如下图:

    图片.png

    7)选择 样式>背景>绘图区 ,在自定义间隔中添加事件,设置如下图:

    图片.png

    2.5 效果预览

    1)PC 端

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

    图片.png

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


    3. 模板下载

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

    点击下载模板:三国属性对比.cpt

    Attachment List


    Theme: 图表应用
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy