帆软html5插件，可视化⼤屏设计-FineReport软件
FineReport可视化⼤屏设计
制作可视化⼤屏，⼀般有这么⼏种⽅案： ⽅案⼀：写代码调⽤数据和图表库，⽐如写JS+Echarts ⽅案⼆：⽤现成的数据可视化⼯具
⼀.决策报表基础
FineReport决策报表采⽤了画布式操作界⾯，通过简单的拖拽帮助⽤户构建强⼤的、全⾯的可视化⼤屏。在⼀个页⾯整合不同的数据，完美的展⽰各类业务指标，实现数据的多维度分析。
1.1组件介绍
参数民安、空⽩块(tab块、绝对画布块、报表块)、图标块、控件
1.2 布局⽅式
⾃适应布局：
后天对所有组建的位置进⾏调整，所有的控件铺满整个决策报表主体
绝对布局
组件任意摆放，组件间可以重叠，⾃由调整位置和
⼀般情况下，复杂的⼤屏建议使⽤绝对布局，效果更突出
⼆.可视化组件
2.1基础分析图表
帆软⾃主研发的HTML5图表，具有优秀的动态效果和强⼤的交互体验
图表⼊门-http /help.finereport/doc-view-1167.html
[新]图表-http /help.finereport/doc-view-1348.html
2.2拓展图表
基于webgl等技术新开发，通过简单拖拽即可实现⾃动播放、3D动画特效等多种效果
包括轮播三维组合地图、流向地球、时间齿轮和⽬录齿轮等，科技感⼗⾜，让⼤屏展⽰效果更加炫酷
扩展图表-http /help.finereport/doc-view-2474.html
2.3第三⽅插件
3D全景地球、滚动报表图、⽔球图，轮播环形图等
帆软市场-https /market.fanruan/plugin
三.⼤屏制作准备
3.1确定可视化图表类型
进⾏业务需求调研，根据业务场景抽取关键指标
扩展图表-https /market.fanruan/plugin/769
外置图⽚背景-https /market.fanruan/plugin/734
表单内报表块刷新-https /market.fanruan/plugin/594
3.2 ⼤屏制作流程html图片展示特效
排版布局-配⾊-点缀-动态效果
3.2.1排版布局
常见排版如下：
四.汽车⼤屏实例讲解
参考：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。