组件思维是报表工程师的必备技能之一。在项目开始之前,最好由报表工程师和可视化设计师建立组件库,制定设计规范。
这样在遇到同类设计场景时,可以直接拖拽可复用组件,减少了设计开发的时间成本,也增强了成品的一致性,非常实用。
为此,Fansoft提供了一些通用的组件库,可以看作是帆软组件库.除了组件库之外,我们还针对不同的场景做了一些表格和图表的组件,希望可以帮助到你:
1、表格组件
表格被认为是表示数据的最清晰和最有效的形式之一。
它结构简单,分离和归纳清晰,比较容易比较信息,非常适合表达较多信息的场景,特别是种类较多的时候。.
1、图形化表格:
2、进度表格:
3、红绿灯表格:
4、时间线表格:
5、含迷你图的明细表:
6、简单明细表:
7、条形图实现进度表:
2、图表组件
好的可视化可以“讲故事”,向我们揭示数据背后的规律。以图表的形式显示数据可以帮助用户快速准确地理解信息。
对于可视化,有一个常见的误区:分析师追求过于复杂的图表,让业务人员难以理解。事实上,越简单的图表,越容易被理解。
1、渐变条形图:
2、百分比堆积条形图:
3、堆积柱形图系列求和:
4、基础饼图:
5、多层饼图:
6、曲线面积图:
7、区域地图:
8、基础箱形图:
9、分布气泡图:
3、变形图表组件
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、折线图与柱形图组合:
可用于展示两个不同维度但存在一定关联关系的数据,例如降水量对水位的影响成正比关系。
关于常见的图表组件,就介绍到这里,在帆软市场页面,可以找到更多好看又实用的组件噢,图表组件、指标卡组件、标题头组件,都有!
回复“帆软市场”即可获取!