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柱形图图表参考线添加,参考线装换
  • 热门搜索
    四川泡菜的做法大全 肝囊肿是怎么回事 鸡腿菇怎么做好吃 老豆腐的家常做法 觅怎么读 土豆泥沙拉的做法 奠怎么读 玟怎么读 海尔热水器怎么用 spain怎么读