基于B/S模式的动态数据3D实时展示系统

摘要

With the release of the HTML5 specification, the 3D real-time chart can be drawn on the browser side, which can reflect the dynamic change of the data. Based on HTML5 technology, this paper designs a dynamic data 3D real-time display system based on B/S mode. The system uses the B/S architecture, HTML5, JavaScript, AJAX tech-nology, and the jQuery, jQuery UI, Highcharts code library. With share prices as the data source, the system shows 3D real-time dynamic chart of the shares, including 3D column diagram, 3D pie diagram, 3D area diagram etc, and the corresponding chart can be freely dragged and zoomed. The system supports IE9, Safari, Chrome, Firefox and other mainstream browsers.%随着HTML5规范的发布，在浏览器端绘制3D实时图表，立体直观地反映数据的动态变化已成为可能。本文利用HTML5技术，设计了基于B/S模式的动态数据3D实时展示系统。该系统采用了B/S架构，使用HTML5、JavaScript和AJAX等技术，引用了jQuery和jQuery UI代码库及Highcharts图表库。系统以股价为数据源，展示了股价的3D实时动态图表，包括3D柱状图、3D饼图、3D面积图等，并且相应控件可以随意拖动和缩放。该系统支持IE9、Safari、Chrome、Firefox等主流浏览器。