我是一家制造企业IT中心的研发人员。我平时的工作是配合业务部门出具报告，挑选一些商业软件，负责内部运维。近日，领导外出参观了一些在数字化转型方面走在前列的工厂和制造企业。回来的时候，他给了我几张图，问我们能不能也做几块这么酷的有科技感的大屏。重点是我们可以向上报告。的。我深刻体会到领导的需求：不要总是用表格，简单朴实的报表？我希望可以是这样，有GIS地图：也可以是这样，有3D效果：我非常理解领导看到有人面试或参观同行业龙头企业时的震惊和惊喜，看到可视化大屏幕，甚是羡慕。于是我开始深入研究这么大的屏幕是怎么做出来的。一开始，我总是不知从何下手。如何设计一个既能显示数据又赏心悦目的大屏幕？不要惊慌，其实制作炫酷的视觉大屏，往往并没有那么难。只要掌握三步，你就可以自己实现大屏开发。那么今天就把自己毕生的研究分享给大家，让大家也能好好享受大银幕。做大屏要牢记三个步骤：数据准备、整体布局、细节美化。数据准备做大屏的第一步当然需要数据的支持，所以为了满足不同的场景，多源分析必不可少。寻找合适的BI大屏工具WynBusinessIntelligence，Wyn支持目前市面上的大部分通用数据库。不管我们常用的关系型数据库（Oracle、sqlserver、mysql等）、文件型数据库（Excel、Json等）、非关系型数据库（MongoDb、ElasticSearchDSL）还是oData数据源等。无论我们的是什么以前用的业务系统，现在都可以收录了。或许我们的数据并不是存储在一个数据库中，因为业务的区分，可能会存储在不同的数据库中，但是在进行数据分析的时候，如果要把它们展示在一起怎么办呢？当然有办法。Wyn支持跨源数据集和数据模型，根据各个不同数据源之间的关联关系，将关联的字段连接起来。然后，只要将关联的字段连接起来，就可以将两个不同数据源的数据整合在一起。比如下图中，我使用了一个文件类型的数据源和一个mysql数据源，按照如下序号进行关联，实现跨源数据分析。另外针对不同的场景，我们还可以进行列的计算汇总等，这样丰富的功能可以满足我们不同的业务场景。准备好整体布局的资料后，当然就涉及到大屏的设计了。如何设计出好的视觉效果，最简单的方法就是把握“313布局”。什么是“313布局”，如下图所示：上面两个模板从整体上看还是比较成功的，原因很简单，清晰明了的整体布局给人一种耳目一新的感觉。大屏幕左右两侧对称布局三个。不一定每个里面只展示一张图表，但是清晰的布局是必不可少的，准备好相应的边框、背景和小图标，保证整体布局和配色清晰好看，然后再做相应的成分。除了左右的“33”，中间的“1”才是支撑整个大屏的关键。我们可以在大屏幕中间放置相应的背景大图、3D模型、地图组件或详细数据。不同的场景对应不同的显示风格，只要切换得当，就能带来不一样的反响。例如上述第一个背景，主要展示一些完成的数据，并辅以图片。并且整个大屏幕显示的是学校里的信息指标，这个组合是非常成功的。其次，第二仪表板主要是针对校园内部管理，所以显示学校各个区域的信息显得尤为重要。对于这种大屏来说，非常适合放置模型组件，绑定模型信息数据和字段，显示校园内各个区域的实时情况。除了这两个模板，当我们要分析不同省份之间的信息关联时，当然也可以放置地图。所以如果你准确掌握了“313”，其实一个通用的仪表盘就已经完成了。这里的细节美化了。其实dashboard的搭建大概就完成了，但是最后一步也很关键。毕竟，没有点缀的仪表盘会显得乏味。美化点其实有很多：比如视觉大屏添加背景色、背景动画效果、视觉元素添加边框、添加背景图片等等。另一个例子是添加一个很酷的标题背景，这也将改善整个仪表板的外观。Wyn支持全局背景设置和各个仪表盘的图标设计。相应的，我们也可以根据选择的主题调整各个仪表盘的背景图片。现在，大屏的主体已经完成，最后就是给它加个小说标题，装个背景框，加一些美化的页面元素。至此，一个完美的大屏幕已经设计完成。4.实例：智能电机管理座舱(1)准备数据这里我们以最简单的Excel数据为例，这也是大众常用的方法。我们直接选择Excel数据，上传，就可以自动解析，然后直接根据数据源创建对应的数据模型，应用到仪表盘中。(2)整体布局实现“313布局”，两侧图表设计完成：ChartWyn支持众多图表插件，也支持自研插件和上传，轻松实现创建漂亮的图表。中间添加图表的时候，这里我们选择了一个3D地球效果，并附上显示的信息：(3)美化细节其实这时候整体效果已经出来了，剩下的就是添加标题了以及两边的样式，然后添加一些需要显示的信息和背景图片即可，最终的显示效果如下：5.总结其实设计大屏并不难。只要掌握一定的规则，人人都可以设计出炫酷的大屏。屏幕。而且Wyn产品的设计结果还可以支持图表之间的联动，图表本身的钻取过滤等功能，方便我们进行数据分析。免费获取百款大屏数据可视化模板：https://www.grapecity.com.cn/...嵌入式BI分析体验：http://wyn.grapecity.com.cn/p...产品帮助文档:https://help.grapecity.com.cn...
