2022,这些图表组件,够你用一整年了!

文 | 商业智能BI相关文章 阅读次数:3,586 次浏览
2022-08-12 9:33:37

组件化思维是报表工程师的必备技能之一。项目开工前,最好由报表工程师和视觉设计师搭建好通用的组件库和制定好设计规范。

这样,当遇到同一类设计场景时,可直接拖拽复用组件,减少设计和开发的时间成本,还能增强产出成品的统一性,非常实用。

为此,帆软提供了一些通用的组件库,可见帆软组件库。除了通用的组件库,我们针对不同场景,做了一些表格和图表的组件,希望对你有帮助:

表格组件

表格被公认为是展现数据最为清晰、高效的形式之一。

它结构简单,分隔归纳明确,使信息之间更易于对比,非常适合表达较多信息的场景,特别是种类较多的时候。

1、图形化表格:

图表组件,通用的组件库,指标进行对比

2、进度表格:

图表组件,通用的组件库,指标进行对比

3、红绿灯表格:

图表组件,通用的组件库,指标进行对比

4、时间线表格:

图表组件,通用的组件库,指标进行对比

5、含迷你图的明细表:

图表组件,通用的组件库,指标进行对比

6、简单明细表:

图表组件,通用的组件库,指标进行对比

7、条形图实现进度表:

图表组件,通用的组件库,指标进行对比

图表组件

好的可视化会“讲故事”,能向我们揭示数据背后的规律。通过图表形式展现数据,可以帮助用户快速、准确理解信息。

对于可视化,有一个常见误区:分析师追求过于复杂的图表,反而使得业务人员难以理解。其实,越简单的图表,越容易被理解。

1、渐变条形图:

图表组件,通用的组件库,指标进行对比

2、百分比堆积条形图:

图表组件,通用的组件库,指标进行对比

3、堆积柱形图系列求和

图表组件,通用的组件库,指标进行对比

4、基础饼图:

图表组件,通用的组件库,指标进行对比

5、多层饼图:

图表组件,通用的组件库,指标进行对比

6、曲线面积图:

图表组件,通用的组件库,指标进行对比

7、区域地图:

图表组件,通用的组件库,指标进行对比

8、基础箱形图:

图表组件,通用的组件库,指标进行对比

9、分布气泡图:

图表组件,通用的组件库,指标进行对比

变形图表组件

FineReport 设计器中不乏有大量的基础图表,但在制作模板时,常常苦于修改图表的样式、配色。不知道该如何应用这些图表,让数据更好的展现,让图表更加的美观。

但是,我们有现成的组件啊!配色、样式都设置妥当了,只需要修改数据就可以完全复用,赶紧来体验一番吧!

1、柱形图/条形图

1、双向条形图:

图表组件,通用的组件库,指标进行对比

适用于两个系列数据多个指标进行对比。

2、时间线条图:

图表组件,通用的组件库,指标进行对比

展示时间轴,适用于对有时间线、有先后步骤的事件的展示。

3、嵌套柱形图:

图表组件,通用的组件库,指标进行对比

适用于同一个维度两个指标进行对比,常用于实际值与目标值的比较。

4、蝴蝶图:

图表组件,通用的组件库,指标进行对比

条形图的变种,用图片填充的方式达到一种象形图的效果,使数据展示更直观、更美观。

5、图片填充条形图:

条形图的变种,用图片填充的方式达到一种象形图的效果,使数据展示更直观、更美观

6、多分类柱形图:

图表组件,通用的组件库,指标进行对比

当数据存在多个层级关系,例如销售员的上一层级为地区,要同时展示两个层级的分类时,可使用多分类柱形图。

7、正负变化柱形图:

图表组件,通用的组件库,指标进行对比

适用于一个系列的数据有正负变化的场景,例如盈亏关系、涨跌情况等。

8、类子弹图:

图表组件,通用的组件库,指标进行对比

适用于一个维度多个系列的数据进行对比,例如有固定的最大值、最小值,要突出实际值时,可使用类子弹图。

2、折线图/面积图

1、预测趋势折线图:

适用于数据需要有预测趋势的场景,预测数据需要自己定义数据集中数据,且数据需要为一个维度两个系列。例如分类均为时间,一个系列为实际数据,一个系列为预测数据。

图表组件,通用的组件库,指标进行对比

2、正负颜色分段折线图:

折线图常用来表示数值随连续时间间隔或有序类别的变化,用于分析事物随时间或有序类别而变化的趋势。设置不同值范围显示不同颜色,更直观的看出数据范围,例如数值的正负变化。

图表组件,通用的组件库,指标进行对比

3、范围面积图:

适用于一个维度多个系列的数据存在变化范围的场景,且不同系列之间最好不会有交叉数据。

图表组件,通用的组件库,指标进行对比

4、极点折线图:

折线图可用于分析事物随时间或有序类别而变化的趋势,而将一个系列数据的极大值与极小值突出显示,有助于一眼看出特殊值。

图表组件,通用的组件库,指标进行对比

5、警戒值面积图:

面积图可用于强调数量随时间而变化的程度,也可用于引起人们对趋势总值的注意。添加警戒线可以警戒用户关注某些指标的临界值。

图表组件,通用的组件库,指标进行对比

3、饼图

1、半圆环图:

适用于一个系列多个指标表达占比关系或进度关系,指标不宜过多。

图表组件,通用的组件库,指标进行对比

2、半玫瑰图:

适用于一个系列多个指标表达占比关系或进度关系,指标不宜过多。.

图表组件,通用的组件库,指标进行对比

3、弧形堆积图:

用于表达同一维度数据不同系列的分布占比,或者用于表达某个数据的进度关系。

图表组件,通用的组件库,指标进行对比

4、组合图

1、柱形气泡组合图:

柱形和气泡的结合,类似于棒棒糖图,与柱形图条形图的用途相同,柱形越长、气泡越大表示数据越大。但指标数据相差不能太大,指标不宜过多。

图表组件,通用的组件库,指标进行对比

2、哑铃图:

哑铃图是柱形范围图的变种,每个数据由最低和最高值组成,强调从一个点到下一个点的变化,并在两者之间做一些比较。FineReport 中可使用堆积柱形图和折线图组合实现相同效果。

图表组件,通用的组件库,指标进行对比

3、折线图与柱形图组合:

可用于展示两个不同维度但存在一定关联关系的数据,例如降水量对水位的影响成正比关系。

图表组件,通用的组件库,指标进行对比
关于常见的图表组件,就介绍到这里,在帆软市场-组件页面,可以找到更多好看又实用的组件噢,图表组件、指标卡组件、标题头组件,都有!

比如,目前主流的软件——finereport,它小到填报、查询、部署、集成,大到可视化大屏、dashboard驾驶舱,应有尽有,功能很强大。最重要的是,因为这个工具,整个公司的数据架构都可以变得规范,下一步就是构建企业的大数据平台了。而且它是java编写的,支持二次开发,类Excel的设计器,无论是IT还是业务,上手都很简单:编辑sql优化、数据集复用简直都是小case,大大降低了报表开发的门槛。在企业中被关注最多的数据安全方面,FineReport支持多人同时开发同一套报表,并通过模板加锁功能防止编辑冲突;通过数据分析权限控制,保障数据安全。

图表组件,通用的组件库,指标进行对比

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

相关内容

立即体验 立即体验

返回顶部