自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

不少用户在设计大屏时会遇到频繁更换图表类型却始终不满意的问题,实际上,大屏常用的图表类型和普通报表或驾驶舱存在一定区别,大屏图表的特点是:

  1. 业务逻辑更为简单:大屏的使用场景更偏向于展示或演示,因而图表的逻辑更为简单,让观看者可以”一看就懂“;
  2. 视觉效果需要重点考虑:公司对外展示或内部公示的大屏对视觉效果都有一定要求,因而在选择图表时也要讲究图表在大屏上的整体视觉效果;
  3. 酷炫图表使用更多:在普通报表中用不到的酷炫图表,如3D效果、动效等在大屏上是很常见的,这些图表对展示的硬件性能要求也更高。
自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

1、大屏常用图表概览

一般情况下,大屏按如下优先级选择图表类型:

柱形图&条形图>=饼图&圆环图>=折线图&面积图>仪表盘类>=地图类>雷达图>词云=漏斗图>……

常用程度

图表分类

细分类型或变体

推荐指数

一梯队

柱形图&条形图

普通柱形图

★★★★★

特殊形状柱形图

★★★

普通条形图

★★★★

轮播条形图

★★★

自定义形状条形图

★★★

堆积柱形图;

堆积条形图

★★★★

双向条形图(旋风图)

★★★

饼图&环形图

普通饼图

★★★★★

普通环形图

★★★★★

轮播饼图

★★★★

多层饼图

★★★

折线图&面积图

普通折线图

★★★★★

普通面积图

★★★★★

柱形折线组合图

★★★★★

指标卡&表格

普通指标卡(通过报表块制作)

★★★★★

轮播指标卡;

粒子计数器

★★★★

普通表格(通过报表块制作)

★★★★★

二梯队

仪表盘

环形仪表盘

★★★★★

轮播仪表盘

★★★★

水球图

★★★★

像素点图

★★★

地图

点地图

★★★★

流向地图

★★★★

区域地图

★★★★★

轮播gis点地图;

轮播三维组合地图

★★★★★

场景地图

★★★★★

目录类

轮播目录齿轮

★★★★

智慧树图

★★★★

三梯队

雷达

——

★★★

漏斗图

——

★★★

词云图

——

★★★

2、常用图表对应场景

1、柱形图&条形图类

1)柱形图:

普通柱形图用于体现有横向对比关系的数据。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)特殊形状柱形图:

若普通柱形图的视觉效果不满足大屏设计要求,可考虑有三维效果或三角、弧形效果的特殊形状柱形图。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3)条形图:

条形图和柱形图一样易于形成对比关系,同时由于图形纵向排列,更适合展示排名数据。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

4)轮播条形图:

轮播条形图是普通条形图的升级版,将系列名、数值、排名和百分比条形图结合显示,且有动态轮播的效果。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

5)自定义形状条形图:

自定义形状条形图用和图表信息高度相关的图标填充图表系列,让可视化效果更生动。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

6)堆积柱形图&条形图:

在展示多分类、多系列的数据时最常用的图表类型,以直观的柱形、条形效果展示更丰富的对比数据。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

7)双向条形图(旋风图)

不仅在条形图的从左到右方向上形成对比,两方向的条形长度同样形成对比,男女性数据对比是最常见的场景之一。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2、饼图&环形图

1)饼图:

饼图用于展示数据占比,可以一眼看出一组数据中不同类别数据的分布状况。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)环形图:

用法与饼图相同,环形的半径占比可以调节,视觉效果更丰富。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3)轮播饼图:

自动轮播饼图(环形图)的每一个系列,可以在环形中央或外部显示维度名称、数值或百分比,显示更多信息的同时让大屏效果更具动感。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

4)多层饼图:

多层饼图的最内层是最大的维度分类,往外不断细分数据维度,相当于多个环形图的嵌套效果。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3、指标卡&表格

1)指标卡:

指标卡并不属于图表类型,但有一些关键指标数据需要用最直接的方式突出显示时,指标卡是最合适的方式。使用report块制作,在单元格中注入动态数据列数据,并以单元格背景图的方式插入小图标,一个简单的指标卡就制作好了。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)轮播指标卡:

轮播指标卡可以轮播展示同类型不同维度的数据指标,同时富有动态效果,制作方法也较为简单,和普通图表一样直接配置数据即可。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3)列表&明细表:

大屏上有些明细信息无法通过图表和指标卡体现,必须要用到列表甚至明细表,那么用report块制作的表格是必备的元素。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

4、仪表盘

1)环形仪表盘:

仪表盘用于展示百分比形式的重要指标,如目标的完成率、利润率等,仪表盘用圆环的色彩填充将百分比图形化,结合指标名称、指标值和百分比,紧凑且充分地展示该百分比指标的信息。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)轮播仪表盘:

若同类型的重要指标不止一个,可以使用轮播仪表盘,自动轮播每个维度的指标信息;轮播夜光仪表盘自带的渐变色效果也使得大屏更富动感。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3)水球图:

水球图是仪表盘的一种特殊形式,用一个透明球体和水波表示百分比,除了生动直观外,其视觉效果也广受青睐。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

4)像素点图:

像素点图也是仪表盘的一种特殊形式,用点亮的方形像素点数量表示百分比数据,也可以进行多维度数据的轮播。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

5、地图

1)点地图:

点地图是通过区域名或定位经纬度,用散点来表示所在位置的数据指标。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)流向地图:

流向地图用于展示地点之间的物流运输关系,在制造业、交通行业应用尤其多;FR图表的流向地图具有动态流线效果,样式点还可以自定义图标,让地图的可视化效果更突出。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

3)区域地图:

区域地图是按照国家、省市行政区划分,用来展现地理信息,以及与地理位置有关的信息,指标的多少可以用颜色深浅区分。

4)轮播地图

FR中的轮播地图一共有两种,都可以自动轮播展示多组地理数据,根据业务场景需要选取即可。

轮播gis点地图:

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

轮播三维组合地图:下载安装扩展图表获取该图表

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

5)场景地图:

场景地图可以自动或点击按钮手动轮播多场景数据,每个场景的地图轮廓和数据样式、内容可以不一样。场景切换的同时还可以联动周围的组件,且场景地图的背景酷炫,在展示大屏上广为使用。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

6、目录类

1)轮播目录齿轮:

轮播目录齿轮可以轮播多个维度的数据指标,目录齿轮的形态容易形成视觉聚焦效果,适合做大屏首页的目录导航。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

2)智慧树图:

智慧树图自动轮播每个气泡中的指标名称和指标值,使用场景与轮播目录齿轮类似,也适合作为大屏首页的目录导航。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

7、雷达图:

雷达图将多个维度的数据量映射到起始于同一个圆心的坐标轴上,可直观展示数据分布的高低,检查数据是否有异常,在一些监控性质的大屏场景中很实用。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

8、漏斗图:

漏斗图由多个梯形从上而下叠加而成,从上到下的项有逻辑上的顺序关系,由于漏斗图形象直观且配色饱满,在大屏上使用也较多。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

9、词云图:

词云是文本数据的视觉化展示,以字体大小或颜色深浅表示每个词的重要程度,可用于公司印象、客户评价等信息的展示,在展示性质的大屏场景中很常见。

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

以上图表均内置于FineReport报表中,获取方式如下:

自媒体架构图表怎么做的,自媒体架构图表怎么做的好看?

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 sumchina520@foxmail.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.yinliuo.com/29985.html