"

如何绘制那种看起来很牛逼的图表?这篇值得收藏!

文 | 商业智能研究 2022-09-15
阅读次数:1

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

万花筒图表

功能介绍:

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

实现思路:

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

制作步骤:

1、数据准备

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

新建普通报表

2、报表设计

2.1外圈设计

1)合并一片单元格,插入饼图。

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

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

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

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

(步骤图片依次如下:)

合并一片单元格,插入饼图。
饼图样式,设置标、图例不可见,勾选使用标签,文本勾选系列名。
饼图样式选择系列,修改内径占比为80,开启可旋转功能。

2.2 内圈设计

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

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

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

4)雷达图样式选择标题,不勾选标题可见。

5)雷达图样式选择图例,不勾选图例可见。

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

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

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

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

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

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

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

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

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

管理驾驶舱指南,业务指标,数据分析报表需要展现大量的数据和文字,提高信息传递的效率

报表产品更多介绍:www.finereport.com


免费试用FineReport

本月阅读量最高的10篇文章

售前咨询

服务热线

400-811-8890转1

售后咨询

在线QQ

800049425

服务热线

400-811-8890转2

投诉建议

总裁办24H投诉

173-127-81526