The Design And Development Of Realtime Statistical Chart System Based On HTML5

With the Internet and mobile applications to for direction from the document-oriented,browser-based applications are increasingly subject to the user's favorite,but the traditional way data communication B / S mode and the traditional HTML web technology can not meet the more advanced applications demand for the program.In order to achieve the browser application that has the characteristics of desktop software,a variety of RIA(Rich Internet Applications)technologies have emerged.RIA technology based on the HTTP protocol on improved data communication mode,introduced a new graphics and animation technology to enhance the user experience,but the prevalence of dependence plugin incompatibilities mobile devices.In recent years,HTML5 technology has made considerable progress,has become the focus of attention of the industry,and is expected to solve the problem of existing RIA technologies.The paper was from HTML5 technology with existing RIA technology research.Firstly,the new HTML5 technologies are analyzed and studied.The new technology can break through the limitations of web-based applications,with a more interactive interface,more advanced data storage mechanism and multi-threading mechanism.Secondly,Websocket model can simultaneously meet the real-time communication and without plug-in support.The above findings applied to the design and development of real-time charts,system based on HTML5,Canvas technology in charting and chart data to achieve real-time updates via Websoket agreement.JQuery achieved chart usually requires flash animated and interactive features of the technology by calling the canvas drawing elements combined,websocket by establishing two-way connection,the server proactively push information to the client,so that changes can chart real-time response data source.The interactive system,the communication performance and compatibility are more traditional B / S system has a significant progress.