html5 雷达图设置坐标轴范围

 时间:2026-02-15 23:31:51

1. 问题描述

由雷达图例子我们知道,雷达图往往用于分析统计各项指标的值,每个指标的统计单位可能不同,值差距可能会比较大。

默认情况下雷达图的坐标轴单位是统一的,这就导致有些值小的分类显示不清楚,此时可以设置雷达图的分类轴值范围为自动计算,根据分类轴的数值大小自动计算分类轴的范围,如下图:

html5 雷达图设置坐标轴范围

2. 示例

2.1 打开报表

打开报表%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Radar.cpt,该模板中的雷达图分类轴单位统一。

2.2 设置分类轴值范围为自动计算

选中图表,点击图表属性表-样式>坐标轴,在值定义中将统一计算切换为自动计算,如下图:

html5 雷达图设置坐标轴范围

预览图表便可以看到效果。

3. 自动计算原理

自动计算原理是对于每个分类轴,它的最小刻度为0,最大刻度为该分类中系列的最大值。

如上雷达图总资产周转率指标分类,其值为0.4,设置分类轴值范围为自动计算后,该分类轴的刻度范围为0~0.4。

如下对2010、2011两年统计公司五性图,对于总资产周转率分类轴,会将两个系列中的最大值0.4作为最大刻度。

html5 雷达图设置坐标轴范围

4. 效果查看

点击分页预览,如上图,模板效果在线查看请点击Radar_1.cpt。

已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Radar_1.cpt

  • 图表工具FineReport如何制作雷达图
  • Excel中双层饼图怎么制作
  • excel如何制作带“山坡”的面积图?
  • Excel带外边环的饼图
  • excel柱形图图表参考线添加,参考线装换
  • 热门搜索
    凛怎么读音 下划线怎么打 窝窝头的做法视频 土豆丝怎么炒好吃 玉米汁的做法豆浆机 黑豆泡醋治白发做法 生鱼片的做法 冰棍的做法 早餐的做法 支付宝借呗怎么开通