随着大数据与移动互联时代的到来,数据呈爆发式的增长,海量的异构化数据相互交织,数据可视化已成为数据挖掘和数据分析过程中的重要技术。图表作为数据可视化的利器,一直被广泛应用。传统的静态图表系统已经很难满足大数据与移动互联环境下的动态数据分析,研究移动化和交互性的图表可视化系统将具有广泛的应用前景。在移动互联网背景下,跨平台性和移动交互性是两个越来越被重视的用户需求,目前市面上还缺乏完全满足上述条件的高性能移动图表系统。本文针对这一现状,从用户体验和技术实现两个角度展开了研究和分析,并采用单页应用(SPA,single page web application)的模式来实现高性能的图表交互过程,具体的研究和开发工作如下:(1)基于D3.js开发出了移动端的图表绘制组件。D3.js是一个web可视化开发类库,它提供了一种“数据—文档”绑定模式以及一系列的矢量图形处理函数,让开发者可以灵活地开发出以数据为驱动的可视化应用。本文在对主流图表开发框架的优缺点和图表渲染性能进行研究和分析的基础上,汇总了目前主流移动设备的参数,并基于D3.js开发了一套移动web端的图表绘制组件,该组件将在之后系统的核心模块开发中被调用。(2)搭建了系统整体开发框架,完成了系统后台开发。根据系统的总体需求,对系统的整体开发框架和数据库进行了设计,并以Codelgniter作为技术框架,PHP作为脚本语言以及MySQL作为数据库,完成了系统后台的开发。(3)基于SPA模式开发了移动图表系统的核心模块:可交互前端图表页面。在进行了需求分析和性能分析前提下,基于SPA模式的核心思想,利用前沿的Web前端开发技术和前面工作中开发完成的移动端图表绘制组件,实现了满足需求的SPA模式的图表前端运行框架,并基于此框架,实现了一套具有丰富交互功能和高效的交互性能、可以跨平台使用和分享图表页面的移动图表系统。