好看的百分比进度图制作,好看的百分比堆积图

  

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

  

  这样在遇到同类设计场景时,可以直接拖拽可复用组件,减少了设计开发的时间成本,也增强了成品的一致性,非常实用。   

  

  为此,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、折线图与柱形图组合:

  

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

  


  

  


  

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

  

回复“帆软市场”即可获取!

相关文章