双十一电商直播数据双十一数据直播的屏幕( 二 )

文章插图

然后基于步骤二中准备好的数据，分别为每个图表组件设置好数据来源。
至此，第一版初稿完成了，在浏览器中预览的效果如下图：

文章插图

五、添砖加瓦，美化细节以上我们把大致的框架搭好，但是总觉得不那么好看？
为什么呢？因为缺几样东西，一个是主心骨（总领全局的突出指标），一个是配色。
so，我们先来给加一个全局指标，也就是我们关注的销售总额数据。
从快捷栏中拖入一个表格组件，并在表格中绑定销售额数据。

文章插图

可以浏览一下效果，是不是瞬间觉得整个页面有了主心骨？

文章插图

紧接着，开始对配色进行调整。
这个时候，如果你懂一些美工方面的知识，或者说公司有专门的美工同学，那就事半功倍，照着美工的效果图，以及给的颜色参数和边框素材，调整就行。
如果没有美工怎么办呢？那就只能任由自己审美发挥了......
参照着官方给的demo样式，各种配色调整。背景色、图表显色、线条、字体样式、动画效果......
这方面FineReport正如新版Excel样式功能，可以各种自定义设置，针对各个细节美化调整。比如我随手调了几个深色系样板（忽略我被人诟病的直男审美，美工集体三亚玩去了，只能做到这样了）：

文章插图

文章插图

六、所谓大屏，要能酷炫，还要能动态刷新到上一步，搭出的demo基本可以看了，顶多是差强人意，离优秀还有些距离的。好吧，继续优化。
比如为页面添加一些合适的图片背景或者边框元素，比如设置图表的动画效果。
其次，也是大家比较好奇的，如何产生实时数据？其实就是设置监控刷新，来实时更新数据。
下图是我给地图添加了数据监控及自动数据提示，会根据后台数据变更情况实时在页面上展示。

文章插图

文章插图

七、进阶大屏玩法，炫酷随心如果你开始熟练掌握FineReport，还可以发现更多有趣的玩法。
这里碍于篇幅，就不展开细讲了，大家可以通过finereport的教学文档进一步了解，也可以通过帆软社区进行视频课程的学习，下面秀几张高阶效果图给大家看看。

文章插图

文章插图

最后、数据大屏，不只是秀也许大家对这样的大屏会嗤之以鼻，眼花缭乱，毫无实用，用华丽的视效堆叠起来博人眼球。
在效果之外，还是提倡大家更注重可视化能否经得住业务价值的推敲？数据是否带来了价值？是否为企业经营提供了帮助？
在设计展现指标时多调研多涉猎，从以往“酷炫就行”的思维模式中走出来，更多关注数据本身的价值。
最后的最后，还没完事，做好的样式要投到大屏上啊！一般可选用LED拼接屏，或者一体机。

特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

双十一电商直播数据 双十一数据直播的屏幕( 二 )

双十一电商直播数据双十一数据直播的屏幕( 二 )