产品文档

报表-基本图表制作

2020-08-11 261

柱状图 饼图 旭日图 柱线图 折线图 热力图 矩形图 桑基图 地图 迁徙地图 区域地图 词云图 水球图 散点图 仪表盘 帕累托图 雷达图 箱线图 漏斗图 汇总折线 表格 甘特图 标签 指标卡 百分比标签 计时器

柱状图

适合2个以内维度,1个或多个度量
适用分析:
柱状图是一种以长方形的长度为变量的表达图形的统计报告图,由一系列高度不等的纵向条纹表示数据分布的情况,用来比较两个或以上的价值(不同时间或者不同条件),只有一个变量,通常适用于较小的数据集分析。
可做普通柱状图、堆积柱状图、横向柱状图、纵向柱状图。
实例:
当前假设我们需要查看过去各个省份产品的销售情况,并且直观的对比各个省份之间数值的差异。 那么我们选择柱状图组件来提供数据分析是最合适的。

饼图

适合1个维度,多个度量
饼图显示一个数据系列中各项的大小与各项总和的比例,分为两种类型:普通饼图、玫瑰饼图。
实例:
当前假设我们需要查看去年各个月份签约金额分别占全年的合同签约总额的比例,来确认哪些月份是旺季。根据这个需求描述,那么很容易确认可以选择饼图来作为分析图表。
普通饼图
玫瑰饼图

旭日图

适合多个维度,0个或1个度量
旭日图也称为太阳图,层次结构中每个级别的比例通过1个圆环表示,离原点越近代表圆环级别越高,最内层的圆表示层次结构的顶级,然后一层一层去看数据的占比情况。
实例:
当前假设我们需要查看去年哪个月份到哪周的销售额,来确认哪些月份哪几周是旺季。根据这个需求描述,那么很容易确认可以选择旭日图来作为分析图表。

柱线图

适合1个或2个维度,2个或多个度量
适用分析:
用来显示一段时期内两个数据的变化趋势。
实例:
当前假设我们需要查看过去各个省份产品的销售额和利润情况,并且直观的对比各个省份之间 数值差异。那么我们选择柱线图组件来提供数据分析是最合适的。

折线图

适合2个维度1个度量或者1个维度多个度量
适用分析:
用来直观的查看数据的变化趋势。
实例:
当前假设我们需要查看各个年份的合同签约总金额走势,此时,我们选择折线图组件来提供数 据分析是最合适的。
打开折线图的更多设置-X轴,增加区域缩放功能、
打开缩放区域
①是否显示缩放区域
②设置缩放区域的填充颜色
③设置缩放初始的区域占比(保存后下次打开的初始显示区域)
④初始缩放区域的位置(保存后下次打开初始区域所在的位置)

时序型折线图

时序型折线图支持influx数据库,在添加维度与度量时,与其他图表有些不同
由于时序型数据库的特性,influxDB作为数据源时,需要注意以下几点:
  1. 维度中有time字段时,位置必须为第一个(否则数据会错位)
  2. influxDB数据为度量时,不支持“转换为数字”属性语法
  3. 当度量有聚合函数、维度是time时,time格式必须为time(XX)格式[例:time(1m)]
  4. 数据库中Tag类型的字段不支持做聚合函数
  5. 针对influxDB类型数据源,时序图、明细表的维度、度量显示0数值功能无效。
  6. 排序属性只支持对time字段排序
  7. 表格中只选择维度时,维度必须包含至少一个tag字段+field字段组合
  8. 表格组件上方快捷”保存数据“功能不支持
  9. 明细表快捷方式中排序仅支持time字段,不支持过滤功能

热力图

适合1个或2个维度,1个度量
适用分析:
用来直观的查看数据所占的比重。
实例:
当前假设我们需要分析商店的星级和是否是网销店有无关系,此时,我们选择热力图来提供数据分析是最合适的。

矩形图

适合1个或多个维度,1个度量
适用分析:
矩形图每一个矩形就代表一个数值,数值越大矩形就越大,可以用来分析数值数据的占比关系。
实例:
当前假设我们需要分析哪个省份销售额占全国的比重比较大,此时,我们选择矩形图来提供数据分析是最合适的。

桑基图

桑基图是一种特定类型的流程图,延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。桑基图适合2个或以上维度,1个度量。
若想分析某一天三个车间的产量及其每条产线的产量,使用桑基图,维度为【车间】【产线】,度量为【产量】
左边的每一个柱高代表着产量,越高代表值越大
每条连接线的代表数据的大小,连接线越高代表值越大

地图

适合1个维度,1个度量
适用分析:
地图可以看到各个省份的数据量。
实例:
当前假设我们需要分析每个省份的数据值,此时我们选择地图来提供数据分析是最合适的。

迁徙地图

适合2个维度,1个度量
适用分析:
迁徙地图是基于地图位置,将线路流向可视化呈现,多用于人口迁徙,物流走向等。
实例:
当前假设我们需要分析物流发货的流向,此时我们选择迁徙地图来提供数据分析是最合适的。

区域地图

适合1个维度,1个度量适用分析:把全国地图自动的分为几大区域,适合以区域为单位分析销售额。
实例:当前假设我们需要分析各个区域的销售额,此时我们选择区域地图来提供数据分析是最合适的。

在线地图

支持地图多种自定义属性,如旋转,缩放,区域颜色,气泡色等,
支持地图多层钻取,

流向图

适用分析:流向图是基于地图位置,将线路流向可视化呈现,多用于人口迁徙,物流走向等。
需要8个维度
分别为from,to,value,type,from_lng,from_lat,to_lng,to_lat
设置内可以设置流向线的粗细和颜色,落点的颜色和大小

词云图

适合1个维度,1个度量
适用分析:
不同的数据用不同的颜色表示,数据字体的大小代表其数据的大小。
实例:
当前假设我们需要分析哪个省份的销售额最大,此时我们选择词云图来进行数据分析。

水球图

适合1个或多个维度,1个度量
适用分析:
水球图内的水表示数值占比。
实例:
当前假设我们分析当前订单总额到目标订单总额距离,此时,我们选择水球图来进行数据分析。备注:选择度量后需要点击“fx”,并在数据后加上“/ 目标值”如下图所示:

散点图

适合1个或2个维度,多个度量
适用分析:
散点图用两组数据构成多个坐标点,考察坐标点的分布,判断两变量之间是否存在某种关 联或总结坐标点的分布模式。散点图将序列显示为一组点。值由点在图表中的位置表示。类别由图表中的不同标记表示。散点图通常用于比较跨类别的聚合数据。
实例:
当前假设我们需要查看过去几笔订单中,新买家数和老买家以及老买家占比,此时选择散点图比较合适。

仪表盘组件

适合0个或1个维度,多个度量
适用分析:
仪表盘组件,就是作为单个指标数值的进度分析,也可以单个指标通过维度分开使用多个仪表进行同时展示。一般用于单一指标的进度分析,查看使用。
实例:
当前假设我们希望设置一个既定的指标数值,如商品销售进度。那么使用仪表盘是十分合适的。

帕累托图

适合1个维度,1个度量
适用分析:
帕累托图又叫排列图、主次图 , 是按照发生频率大小顺序绘制的直方图,表示有多少结果是由已确认类型或范畴的原因所造成。
实例:
当前假设我们需要了解过去每年累计销售额和累计百分比,那么使用帕累托图是十分合适的。

雷达图

适合1个维度,1个或多个度量
适用分析:
雷达图是财务分析报表的一种。使用者能一目了然的了解公司各项财务指标的变动情形及其好坏趋向。
实例:
当前假设我们想了解各个省份销售额成本利润的情况,那么使用雷达图是十分合适的。

箱线图

适合2个维度,1个度量
适用分析:
箱线图是一种用作显示一组数据分散情况资料的统计图。在各种领域也经常被使用,常见于品质管理。
实例:
当前假设我们想了解每个车间生产的最大值,上四分数,中位数,下四分数,最小值和异常值, 那么使用箱线图是十分合适的。

漏斗图

适合1个维度,1个度量
适用分析:
漏斗图适用于直观的看到转化率,到达率,多用于电商。通过转化率比较能充分展示用户从进入网站到实现购买的最终转化率,漏斗图是评判产品健康程度的图表,由网站的每一个设计步骤的数据转化反馈得到结论,然后通过各阶段的转化分析去改善设计,提升用户体验的同时也提高网站的最终转化率。
实例:
当前假设我们想看到网店上某一商品从浏览到付款之间的转换率,那么使用漏斗图是十分合适的。

汇总折图

适合1个维度,多个度量
适用分析:
汇总折线是把折线图的度量分成以标签形式显示
实例:
当前假设我们想看到过去几年销售额和成本额的变化趋势,那么可以使用汇总折线。

表格(明细表)

适合多个维度,多个度量
适用分析: 表格可以直观的看到各个数据的数值。
实例:
当前假设我们想了解微信公众号净增关注人数和累积关注人数,那么可以使用表格来分析。

分组表

分组表可以按组把同一维度的数据进行合并展示
若想看到不同省份各个地区的销售额
1.添加数据源,点击图表选择表格
2.点击报表出现属性栏
3.在维度中选择「省」「市」
4.在度量中选择「销售额」
5.点击完成

轮播表格

适合多个维度,多个度量
适用分析: 当表格数据过多,且要展示在大屏幕上,没有足够的空间显示更多的数据,可以使用轮播表格。
除了图表的通用功能,轮播表格有一些特殊的属性,打开图表属性>样式>详细样式设置
①设置表头背景色
②设置表格的交叉背景色
③设置一屏内显示的行数
④设置表头的高度
⑤设置轮播跳动的间隔时间
⑥设置是否显示表格序号
⑦设置表头的字体大小,颜色
⑧设置是否轮播

甘特图

适合1个维度,多个度量
适用分析:
甘特图通过条状图来显示项目,进度,和其他时间相关的系统进展的内在关系随着时间进展的情况。
实例:
当前假设我们想看到参与的项目的进度,那么使用甘特图最为合适。

标签

适合多个维度,多个度量
适用分析:
标签可以很直观的看到数据的数值。
实例:
当前假设我们想了解本月各区域订单数,那么可以使用标签。
标签更多设置-详细样式设置内新增数值格式化功能,可以对标签的度量值进行设置样式,如缩写,百分比,精确小数位,千分位显示,添加前缀和后缀。

指标卡

适合2个度量或者1个维度,1个度量
适用分析:
指标卡可以看出某一数值与之前对比上升或者下降的百分比
实例:
当前假设我们作为 HR,想了解公司 3 月份的员工流动情况,那么可以使用指标卡。

百分比标签

适合2个维度或者1个维度,1个度量
适用分析:
百分比标签适合于展现单个百分比的数据。
实例:
当前假设我们想了解本月各销售额和利润的占比,那么可以使用百分比标签。
环形:
条形:

计时器

  计时器是一个时钟组件,显示当前的时间

铭牌

适合多个维度多个度量
适用分析:
铭牌适合用来展示当前状态的信息
实例:
当前假设我们想了解车间内设备状态有多少台在运行,有多少在停机,那么我们可以使用铭牌
①每一行的铭牌个数
②选择一个维度或度量为条件判定的字段
③选择是否在铭牌上显示这个字段
④已添加的条件(当判定条件字段的值为某值时,铭牌颜色改变为所选的颜色色值)
⑤可添加条件
⑥当需要复杂的判定条件时,可使用脚本达到需求
若不添加条件,铭牌的初始颜色为蓝色#96b8f9
维度度量内可以设置每一行的字体大小,字体颜色,文字的对齐方式
在使用铭牌时,若想要实时更新铭牌内的数据,请打开后台管理系统,把缓存配置菜单内的全局缓存关掉

视频流

使用视频控件之前,浏览器首先要安装 Flash Player,
Chrome浏览器访问 https://www.flash.cn/ 安装 flashplayer
步骤如下:
1.登录BI,打开仪表盘
2.选择组件-图表-视频
3.属性栏-地址-输入需要展示的视频地址,点击完成
如在地址出输入rtmp://192.168.0.48:1935/live/c, 点击完成
注意:可能会遇到以下情况(以chrome为例)
1.浏览器禁止在此网页上运行flash
点击管理,打开运行flash的开关
2.浏览器询问是否运行flash
点击“允许”,页面自动刷新播放

3D组件-铭牌

①添加完3D设备,选择该3D容器,打开智能工厂-3D-铭牌
②铭牌增加到3D容器内
③点击右上角设置按钮打开属性栏,在通用属性-控制器内选择平移,旋转和缩放模式来调整铭牌到合适的位置。
④选择铭牌,右边显示铭牌的属性栏,为铭牌添加维度度量
⑤完成数据

数字翻牌器

适用于强调展示实时变化的数字,如实时销售额,实时总产量等
①设置名称和翻牌器的排列方式
②设置名称和翻牌器之间的距离
③设置名称字体大小颜色
④设置翻牌器数字格式

轮播图片控件

选择组件>其他>轮播图片
①图片的描述(可以选择是否显示描述)
②图片的链接(支持外网地址下的图片链接或者后台管理系统素材库内的图片链接)
③添加下一张图片
④设置是否轮播图片
点击更多设置>样式>详细样式设计
⑤设置描述的在图片上显示的位置
⑥当描述多行时,设置字体的对齐方式
⑦设置描述字体的大小,颜色
文字控件
选择组件>其他>文字
①填写需要显示的文字内容
②设置文字的对齐方式
③设置文字的行间距
④设置文字首行缩进的字符
⑤当文字溢出当前控件大小时,设置溢出是否滚动
⑥设置滚动的速度

滚动文字控件

文字以跑马灯的形式显示在页面上,常用于宣传话语
①填写文字内容
②设置文字是否轮播
③设置首屏停留时间
④设置轮播速度
⑤最后呈现效果

线条、图标

组件内新增装饰分类,增加线条和图表两个组件
这两个组件的主要使用场景为大屏,在制作大屏的过程中,可以加一些图标和线条进行装饰,下面以图标为例;
如下图,正在制作大屏模板,想让排名的图表增加可读性,我们可以在排名之前加上图标。
选择组件内的图标组件
选择名为“第一名”的图标
对该图表拖动大小和位置
按照上面步骤再依次加上第二名与第三名的,最后如下图