如何制作酷炫美观的dashboard创新互联

在目前的大数据趋势中，数据的大屏可视化成为大家所推崇的一种互动展示模式。如果我们能够早一些了解和掌握这方面的技术，相信对我们的未来将会非常有帮助！

我们知道，通过报表工具实现大屏展示可以通过单张报表、多张报表Dashboard布局或者多张报表页面布局等方式实现，那么，如何能设计出优秀的dashboard呢？

下面是国外的著名的可视化专家StephenFew在2012年举办的Dashboard图表设计竞赛中列出的关于优秀的dashboard应该具有的特征：

小编对这些特征进行了翻译以供参考，如有不准确的请指正。

根据上面的评分标准，你所做的大屏数据可视化图表及格了吗？

对于dashboard来说，如果需要完美的展现效果，是需要技术人员，UI设计人员，以及业务人员协调工作完成的。而作为程序开发人员，如何在没有美工的情况下，做出能上得了台面的dashboard效果呢？

上面的标准说得比较概括，下面介绍一下我使用报表工具实际做dashboard时所考虑的具体因素：

1.确定使用人群

了解使用人群，有助于把握好要显示的kpi以及数据的逻辑分解

2.布局

3.背景

在不同场景下，背景色为深色（蓝，蓝绿，黑）时投放到大屏的展现效果较好。同时，为了显示的内容更加清晰，字的颜色应该反差较大，因此文字多为浅色。

另外，除了使用背景颜色外，还可以使用背景图片，加上这样的深色调图片，不止酷炫，而且科技感十足。

4.配色

下面是从网上搜罗到的比较常用的配色方式：

5.图形化

通过使用Echarts.js,G3，hicharts这样的图形化技术，可以让原来静态的柱图，线图等图表，更加生动地将数据显示在用户面前。

6.动态效果

完美的Dashboard具有的特性是用户交互性，用户交互性一般又体现在哪些效果上呢？

滚屏

联动

钻取

7.细节美化

（1）适当使用图标

在标题、明细列表、图表中加上图标，不仅能形象直观地体现某一区块的主题，还有很好的装饰作用。

下面是一个可供参考的图标资源网站：

（2）边框线

使区块明显分隔，数据显示更清晰。

(3)标题

标题可以使主题显得清晰，一个页面中即使区块分隔清晰、动态图表再多，但如果没有一个标题的话，那也不会是一个成功的dbd，因为标题的缺失会降低可读性。下面就是一个没有标题的效果图。