在讲如何绘制那种看起来很牛逼的图表之前，想先让大家看一张万花筒图表：

功能介绍：

• 外圈展示系列名称，鼠标拖拽可旋转外圈。
• 内圈展示系列值，鼠标悬浮可查看系列名和系列值。

实现思路：

• 外圈使用饼图实现，以单元格元素的方式插入，通过修改内径实现圆环效果。
• 内圈使用雷达图实现，以悬浮元素的方式插入，将其放置在圆环内实现内圈效果。

制作步骤：

1、数据准备

将 帆软周历.xls（点击可下载数据） 放到%FR_HOME%\webapps\webroot\WEB-INF\reportlets\目录下，新建普通报表，新建 Excel 类型的文件数据集 File1，选择 Excel 文件所在路径，点击确定。

2、报表设计

2.1外圈设计

1）合并一片单元格，插入饼图。

2）如下图绑定饼图数据。

3）饼图样式，设置标、图例不可见，勾选使用标签，文本勾选系列名。

4）饼图样式选择系列，修改内径占比为80，开启可旋转功能。

5）饼图样式选择提示，勾选使用数据点提示，文本勾选系列名。

（步骤图片依次如下：）

2.2 内圈设计

1）菜单栏选择插入>悬浮元素>插入图表，插入堆积柱形雷达图。

2）鼠标右键雷达图，点击样式，选择背景>颜色，设置雷达图背景色为透明。

3）如下图绑定雷达图数据信息。

4）雷达图样式选择标题，不勾选标题可见。

5）雷达图样式选择图例，不勾选图例可见。

6）雷达图样式选择坐标轴>极角轴，隐藏轴标签。

7）雷达图样式选择坐标轴>极径轴，隐藏轴标签，值定义采用统一计算，勾选自定义主刻度单位，设置值为1。

8）雷达图样式选择提示，勾选使用数据点提示，文本勾选系列名和值。

9）雷达图特效选择交互属性，工具栏的内容全部不勾选，隐藏工具栏。

10）右键雷达图，点击置于顶层，鼠标将雷达图拖动到外圈的环内。

保存报表，点击分页预览，效果如首图所示。

如何制作那种让人看起来很牛逼的图表，其实只要选对了工具就会很简单，上述我所用的工具都是数据可视化图表制作网站FineReport完成的，它自主研发的HTML5图表具有优秀的动态效果和强大的交互体验，并且提供超强的个性化设置选项，让用户能在多种终端设备进行完美展示。

FineReport提供的19种图表大类和50余种图表样式可以满足不同报表开发人群如何绘制图表的需求，更为多样化的数据类型提供全面的数据分析支撑。

你还在为如何绘制图表而发愁吗？这篇文章应该可以解答你的疑惑，还不赶快收藏起来！

报表工具产品更多介绍：www.finereport.com

免费下载 体验Demo