1 / 17
文档名称:

制作可视化大屏.docx

格式:docx   大小:879KB   页数:17页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

制作可视化大屏.docx

上传人:xiaobaizhua 2022/5/31 文件大小:879 KB

下载得到文件列表

制作可视化大屏.docx

文档介绍

文档介绍:于是 IT 的老大直接甩给了我们来做,其实之前我也做了不少可视化大屏项目,这种大屏看着高
端大气上档次,然而其开发步骤却并不像想象中那么简单,基本步骤就有五步:
业务席求调研
硬件需求调硏
数据质虽调研

主_次指标很深; 业务驾驶舱:主题内容为具体业务之间的数据差异,对图表之间的联动分析要求较高; 专项驾驶舱:操作型驾驶舱强调持续、实时的信息汇报。
数据决策系稣
上市
==
3015-07


上力ii司年殴计雄

部(盼布

iin
5
6
B
B
侵口罚賂
^Bf
isf^er
AJ5K&

36
300
3
3C

37%
交换中
季年
*监理口呈师证壬
申睛工程験E书送口
55%

850,00 阴

550f00
日目
NM
450,00
m月
No2
750,00
10fi
Noa
65QCIG
113
10 11 12
850,00
•怒
500
970,30 曲 t
•昨
2、基础指标设计
大屏说到底也还是报表的一种可视化形式,因此finereport是在决策报表当中进行大屏制作的,
只需要讲不同的组件在页面中进行拖拽,并且绑定数据,就可以完成一张普通的大屏图表:
掌握了用决策报表制作可视化组件后,驾驶舱制作也就迈出了第一步
3、原型设计 当我们将要制作的图表都制作完成之后,下一步在驾驶舱画布将这些繁杂的图标进行排版,常见 的排版原则这里就不多说了,主要就那么几点,左边优先于右边,上边优先于下边,中间优先于四周。
H
代:
EH
S B
ra
(25 鰹 Tfi
reports 标
re part6 标
a , report2 标
reports 标
chaf to
* 13
charts
reportl 标
report4 杯
report 标
charts
report标昌页
reportu
4、大屏调试 到了这一步,我们的可视化大屏的雏形也就基本出现了,下面的工作就是对背景、图表配色细节 进行美化,对图表细节进行修饰,比如设置一下背景图等。
5、正式上线
根据大屏可视化交攵果选择合适的硬件情况,下图中的三位动态交攵果也是直接从FineReport中的
第三方插件市场中下载的,里面的模板效果都非常多,直接套用,非常方便。
mi: 口号怔麻投後目t
I —
齐顶目祎曲四天Si
V-HR-E^ Ui U
「智意公路」公路项目建设官理数据可视化分析
氐II空成I甘卍
*^asiMU2^ -I?:]
I澀评兀匝刖
:耳小
M-2.'J1b

匕笄占珂J艷泊牡鼻
'N '中,*1匕|“:
HI
二》 RAROC鼬腸 tu
17Q1 w t?Q9 17Q4
35fl
iD
n-i n-2 Ti-3 in n-5 n-& ii-y
1E90
1:M 11-2 11-3 IM 11-5 11-fi 1W
一、某公司生产作业KPI指标分析
&产件业冏标-
33Q
p JIJU
负I習.
diiiiiinh
IV 11 12 _J
n
fL 生严那曲掘标3二 百
I-
尘产作业蛊标1 ■:
777777 J
999999
作业指标・
777777
888888
生产萍业栢标八
作业指标二
作业宿标三
.666666
l咗一> l鮭二「
I 6fi6666_! —mm_1
iixio
4EDD r
MO fl I
1警•營[ 22W
1 2 3 4 5 6 7 8 9 10 11 12
l
旳 aes»^% t<
HTI 金 SB •"
小523
41523

23
£i?2Rrt«
3
mDD^vHB^a
>5 $nt!en»v 疋
“・ go事彳口酥 •»
•1UL
eiM寧
序足at
iMrarn
(Ky> •'
bM Jim
men
w

U4J^VAt
恥叭
run
别讷
0>»D
&UD
iwr
in itx
xeon

ur?
,”a
nn
«w
m