Method for realizing train passenger capacity analysis by using real-trace running chart

Abstract

The invention discloses a method for realizing train passenger capacity analysis by using a real-trace running chart, which comprises the following steps of: in a webpage, creating four canvas by using a hypertext editing language HTML5, and enabling origin positions of coordinates of the four canvas to be the same through CSS absolute positioning of a cascading style sheet CSS; drawing a rectangular frame on the first canvas by using Javascript codes, drawing the width and the height of the rectangular frame according to the same proportion of the width and the height of the canvas, respectively drawing two transverse lines above and below the rectangular frame, and enabling the lengths of the two transverse lines to be the same as the transverse extension length of the rectangular frame.The method has the advantages that a traditional train timetable is displayed to professionals more vividly, and tracks of different colors are described in the actual track running chart according to passenger flow volume so that workers can judge the energy consumption of each section of the train.

Description

technical field [0001] The invention relates to the technical field of man-machine interface display of rail transit and highway traffic monitoring products, in particular to a method for realizing train passenger capacity analysis by using a real-track running diagram. Background technique [0002] Canvas: Canvas is a new component of HTML5. It is like a curtain on which various charts, animations, etc. can be drawn with JavaScript. [0003] Javascript: It is a literal scripting language used on web pages to add logic functions to web pages. [0004] CSS: (Cascading Style Sheets) is an acronym for Cascading Style Sheets, which can not only statically modify web pages, but also dynamically format web page elements with various scripting languages. [0005] CSS Absolute Positioning: Absolute positioning is a property in CSS that places elements in the nearest positioned parent element and adjusts the distance from the parent element. [0006] In many traditional information...

AI Technical Summary

Problems solved by technology

[0009] The purpose of the present invention is to overcome the disadvantages in the prior art that there are too many recording time points, the loading of the chart drawn by echarts is too slow, there will be a phenomenon of freezing, and the page zooming effect is not ideal, and it provides a method that uses real traces to run Diagram to realize the method of train passenger volume analysis

Images