html5 雷达图制作

1.描述

雷达图主要应用于企业经营状况分析与评估。如将一个公司的各项财务分析所得的数字或比率,集中画在一个圆形的固表上,用户能一目了然的了解公司各项财务指标的变动情形及其好坏趋向,上述指标的分布组合在一起非常象雷达的形状,故得此名。

如下体现公司生产性、安全性、收益性、成长性和流动性的简单五性雷达图:

2.示例

2.1数据准备

新建工作薄,添加内置数据集ds1,数据如下:

使用这5个指标来制作一张雷达图来反映公司的经营状况。

2.2插入图表

以悬浮图表为例,点击插入>悬浮元素>插入图表,选择雷达图,点击确定。

2.3设置图表数据

图表数据来源于数据集数据,分类轴为指标名称,具体定义如下:

点击完成,一张简单的雷达图便定义好了。

2.4保存与预览

保存模板,点击分页预览,效果即如上。可以看到有些指标的值贴近于0了,看不清楚,此时可以对雷达图的每个分类设置坐标范围,请看下一章节。模板效果在线查看请点击Radar.cpt

已完成模板可参考%FR_HOME%WebReportWEB-INFeportletsdocAdvancedChartRadar.cpt。