文档介绍：大屏数据可视化源码
建议收藏数据可视化大屏设计必备步骤
 
 
对于大数据从业人员来说，可视化大屏可能是最能展现工作价值的一个途径。因为数据分析的最后成果就需要可视化展现出来，而可视化大屏这种直观的、炫酷的、具有科技感的方式入、教学用房面积、多媒体教室座位等。
△教育大屏关键指标示例
确定关键指标后，根据业务需求拟定各个指标展示的优先级(主、次、辅)。
主要关键指标：主要指标位于屏幕中央，多维动效丰富的地图或者其他次要关键指标：次要指标位于屏幕两侧，多为各类图表辅助关键指标：主要指标的补充信息，可不显示或显示。
4、页面布局划分
尺寸和关键指标确立后，接下来要对大屏进行布局和页面的划分。这里的划分，主要根据我们之前定好的业务指标进行，核心业务指标安排在中间位置、占较大面积；其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近，把图表类型相近的指标放一起，这样能减少观者认知上的负担并提高信息传递的效率。
主次分明、条理清晰、注意留白，合理利用大屏上各个小的显示单元，并尽量避免关键数据被拼缝分割。
△大屏规划布局示例
这一点要求我们注意视线的移动规律。比如横向排版的信息，人们一般会首先注意左上角。因此，标题一般出现在这个位置。看过左上角之后，用户的视线会往右下方移动。我们在排版布局的时候，应该遵循视线的移动规律，人眼在观察物体的时候，目光不会只聚焦在一点上，而是会覆盖焦点周边的一片区域。把时间的流逝感和视线的移动相结合，就能产生更好的效果。
5、确定统计图类型
选定图表注意事项：易理解、易实现；图表类型选择，可以参考亿信华辰酷屏统计图，百余种统计图组件，任君选择。
易理解：要考虑大屏最终用户，可视化结果应该是一看就懂，不需要思考和过度理解，因而选定图表时要理性，避免为了视觉上的效果而选择一些对用户不太友好的图形。
易实现：某些效果用设计工具可以轻易实现，但开发要用代码落地却非常困难，所以大屏设计中一定要善用工具，切忌不计成本，埋头苦作。
△亿信ABI统计图
选择统计图有以下两个重要原则：
a. 符合业务场景数据特点
统计图的基础就是数据，所以在进行统计图选择时候，最重要就是要符合业务场景中数据的特点。这里根据归结图表的特点，汇总出一张思维导图，帮助大家更快地选择展现数据特点的图表类型。
△统计图选择建议(点击大图查看)
b. 吸引眼球，令人心动
庞大的信息量充斥我们的生活，一张信息图的设计如果没有特色很快就会被淹没。因此，不论是从结构出发，还是趣味性，抑或是色彩冲击力，一定要有足够吸引人的地方，首先让用户产生兴趣。不管是展示什么样的信息内容，都要加入一些让人耳目一新的元素。
亿信酷屏内置百余种炫酷组件，拖拽即可实现大屏制作。如下面这款，亿信酷屏中的魔法水晶球统计图组件，完全打破了统计图的局限，将重要数据重点展示，炫酷清晰，用在政务云、云计算、智慧城市等大屏中，效果惊艳。
△亿信酷屏内置组件-魔法水晶球
6、定义设计风格
可视化大屏的设计风格主要根据行业类型、客户喜好、具体展示指标整体搭配，但总体一般以深色为主，这主要是因为大屏如果是浅色系长时间观看会造成眼睛疲劳、刺疼，还一点就是浅色上面不是很适合体现动感光线等特效的展示。当然大屏虽酷炫，但我们也不能忘记了为了炫酷而炫酷，实际我们还是要以展示具体指标为主要目的。平时的时候可以多看一下优秀的可视化大屏案例网站，
也会对设计风格有良好的帮助。
△优秀可视化网站—花瓣网
△优秀可视化网站—亿信华辰官网
数据是核心，场景是大数据呈现的承载体；场景使用具有金属质感的深青灰，符合理性的、冷静的、智能化产品的个性；数据色彩使用透明、发光、具有未来感的高亮色，和场景形成强对比，使数据更为突显、更具吸引力；为了强化客户对于风险的感知，通过颜
色区分数据的风险等级，更直观的传达数据的含义。如：高风险的使用红色，红色让人联想到危险、警报。
△大屏设计风格示例
同时，亿信酷屏在进行大屏设计时，提供了十余套大屏模板以供选择，满足不同客户不同场景不同风格需求。
7、可视化颜色搭配
色彩是最能给人直观感受的，能够直接的牵引用户去寻找有效信息。整体色彩确定后，便运用色彩来划分信息的层级关系，用主色调强调重点内容，以引导用户能够清晰、明确、迅捷的识别重要信息。
图表需要的颜色较多时，建议最多不超过12种色相。通常情况下人在不连续的区域内可以分辨6〜12种不同色相。过多的颜色对传达数据是没有作用的，反而会让人产生迷惑。
8、动效设置
整个项目中有许多数据都是实时变化的，为了减少数据变化刷新时的突然性，动效设计必不可少。在整个动效设计的过程中，除过场动画、数据的变化外，动效还肩