可视化大屏幕报表开发心得(一)

每年我们在双十一、双十二、总是能看到这样的可视化大屏

可视化大屏幕报表开发心得(一)_第1张图片

其实像这样的大屏炫酷效果,是可以通过可视化工具来制作实现效果的,而无需硬编码实现。(硬编码也可以,但需

要耗时非常久,因为完全从零开发,需要考虑各种情况及BUG,起码需要一周多的开发时间)

最终我使用了RDP报表中的大屏报表工具制作出的可视化大屏模板(主要是因为一、免费,二、好用)。

1.制作可视化大屏是要用大屏幕报表设计器,拖拽设计器的图表组件,拖拽至大屏设计器内就可以制作了

可视化大屏幕报表开发心得(一)_第2张图片

2.通过JSON文件方式获取数据配置折线图,数据获取成功后,在属性里面调整折线图主题背景

可视化大屏幕报表开发心得(一)_第3张图片

3.注意:制作大屏幕报表的时候背景一定要选深色,不然会晃眼睛。各个图表的文字颜色就要尽量选择白色的。很

多大屏中间都摆放地图,而且是中国地图。这是什么原因我也不太清楚。其实布局里放什么内容是根据需求来的,

大家可以根据自己的需求使用RDP大屏幕报表工具来操作摆放内容

可视化大屏幕报表开发心得(一)_第4张图片

4.接下来我就按照自己的需求将大屏模板完善,再添加一些组件,整体制作完成,再调整下颜色搭配、添加边框、

背景图片进行装饰,调整样式

5.点击查看,就可以在浏览器上看到最终制作的大屏效果了,个人对整体设计效果还是比较满意的

网站:http://product.mftcc.cn/rdp/download.html

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(可视化大屏幕报表开发心得(一))