html5 雷达图设置坐标轴范围

2025-05-24 10:28:47

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢