摘要

针对目前市面上数据可视化系统产品集成度低、操作繁琐等缺点,设计并开发了一套数据可视化生成系统。从计算机图形学中的二维变化、三维变化与CSS2D出发,通过线性代数的旋转矩阵以及其他二维变化方法设计完成了可视化框体,支持了对于可视化组件的旋转、平移、缩放等操作,再结合CSS2D中的二维转换完成了可拖拽生成的数据可视化系统的设计与实现,并基于Three.js完成了模型的导入以及三维场景的设置。结果表明该系统在纯图表状态时性能优秀,当引入三维模型时,系统表现将取决于模型自身的优化程度,系统整体能够集成安防模块等,通过拖拽的方式减少了开发过程中冗繁的代码编写,大大缩短了系统开发所需的时间。