CN110223361B - Method for realizing fly-line effect based on web front-end technology - Google Patents
Method for realizing fly-line effect based on web front-end technology Download PDFInfo
- Publication number
- CN110223361B CN110223361B CN201910386922.3A CN201910386922A CN110223361B CN 110223361 B CN110223361 B CN 110223361B CN 201910386922 A CN201910386922 A CN 201910386922A CN 110223361 B CN110223361 B CN 110223361B
- Authority
- CN
- China
- Prior art keywords
- data
- flying
- line
- fly
- executing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2457—Query processing with adaptation to user needs
- G06F16/24578—Query processing with adaptation to user needs using ranking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/248—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/203—Drawing of straight lines or curves
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Computational Linguistics (AREA)
- Remote Sensing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a method for realizing a flying lead effect based on a web front-end technology, which comprises the following steps: setting a data filtering condition a1, receiving request data according to the filtering condition a1, establishing a data processing queue A, sending the obtained request data to the data processing queue A, drawing flying lines by advanced data of the request data in the data processing queue A, positioning a source address and a destination address on a map according to an address contained in the advanced data, drawing the flying lines between the source address and the destination address on the map, and counting 1; the invention draws data in a queue form by acquiring the data in the latest preset time in real time and presents the data on a map, and the invention focuses on displaying the source address and the destination address of the real-time data which meet the conditions.
Description
Technical Field
The invention relates to a data large screen technology, in particular to a method for realizing a fly-line effect based on a web front-end technology.
Background
On the premise of big data, a data large screen is generated, and how to display the data through the web technology is particularly important. How does mass data show? How does the effect of the presentation graphically reflect the scene?
In most visualization projects, front-end techniques such as svg, canvas, webgl and the like are generally used for drawing large-screen data. However, in complex graphics updated in real time, such as fly-line effect display on a map, any of the above drawing techniques is difficult to solve. This situation requires special handling to restore the massive amount of data with higher performance, more dazzling interactions. The traditional mode is difficult to display, the performance consumption is high, even memory leakage occurs, and the front-end display page is blocked and crashed.
Accordingly, improvements in the art are needed.
Disclosure of Invention
The invention aims to provide a high-efficiency method for realizing a fly-line effect based on a web front-end technology.
In order to solve the technical problems, the invention provides a method for realizing a fly-line effect based on a web front-end technology, which comprises the following steps: the method comprises the following steps:
1) Setting a data filtering condition a1; executing the step 2);
2) Receiving request data according to the filtering condition a1; executing the step 3);
3) Establishing a data processing queue A; executing the step 4);
4) Transmitting the request data obtained in the step 2) to a data processing queue A; executing step 5);
5) Drawing a fly line for advanced data of the request data in the data processing queue A;
5.1 Positioning a source address and a destination address on a map according to the address contained in the advanced data; executing step 5.2);
5.2 Drawing a flying line between a source address and a destination address on a map, and counting 1; executing step 5.3);
5.3 Storing the drawn data, the flying leads and the count as flying lead data in a reserved flying lead library; executing step 6);
6) Comparing the backward data of the request data in the data processing queue A with the reserved fly line library to carry out source address and destination address, if the backward data is consistent with the reserved fly line library, skipping not to draw, counting by 1, and executing the step 7); otherwise, re-executing the step 5);
7) The method comprises the following steps:
7.1 The flying line data with the count less than or equal to 1 in the reserved flying line library is deleted; fly line data with count greater than 1 sets the count to 0; executing the step 7.2);
7.2 When data is requested next time, the data of the reserved flying line library is matched with the request data;
deleting the flying line data from the reserved flying line library if the data in the flying line library is not successfully matched;
and (4) reserving data successfully matched in the flying line library, deleting the flying line data from the request data, and then performing steps 4) -6), wherein the count is increased by 1 every 1 time the flying line data in the flying line library is successfully matched.
As an improvement on the method for realizing the fly-line effect based on the web front-end technology in the invention 2:
in the step 2), the request data is divided into advanced data and backward data according to the obtained time, wherein one part of the data which occurs first is the advanced data, and the other part of the data which occurs later is the backward data.
As a further improvement to the method for realizing the fly-line effect based on the web front-end technology according to the invention 2:
the step 2) is as follows: automatically requesting data generated in the last t seconds of the current time from a server every t seconds;
assuming that the current time is T, requesting data from a server at a time of T+n×t, and requesting data which meets the condition a1 and has the event occurrence time [ T-T, T ];
n is more than or equal to 0, and n is the number of requests; request data is obtained.
As a further improvement to the method for realizing the fly-line effect based on the web front-end technology according to the invention 2:
3s is more than or equal to t is more than or equal to 1s in the step 2).
As a further improvement to the method for realizing the fly-line effect based on the web front-end technology according to the invention 2:
the data processing queue a in step 3) requires the original request data before receiving the next request data in step 4).
As a further improvement to the method for realizing the fly-line effect based on the web front-end technology according to the invention 2:
the request data includes, but is not limited to, a source address, a destination address, and fly line data including, but not limited to, a source address, a destination address, and a count.
The method for realizing the fly-line effect based on the web front-end technology has the technical advantages that:
the invention draws the data in a queue form by acquiring the data in the latest preset time in real time and presents the data on the map, and the invention focuses on displaying the source address and the destination address of the real-time data meeting the conditions.
Drawings
The following describes the embodiments of the present invention in further detail with reference to the accompanying drawings.
FIG. 1 is a data processing queue A containing request data obtained in step 4 of example 1;
FIG. 2 is a reserved fly library after processing the forward data obtained in step 5.3 of example 1;
FIG. 3 is a reserved fly library after the processing of the incoming data from step 6 of example 1;
FIG. 4 is a reserved fringing library obtained in step 7.1 of example 1;
FIG. 5 is a reserved fringing library obtained in step 7.2 of example 1.
Detailed Description
The invention will be further described with reference to specific examples, but the scope of the invention is not limited thereto.
1. setting a data filtering condition a1, and screening data required to be drawn in a large screen.
For example, the data filtering condition a1 is set as: threat level 10 (highest)
2. The data request interface adds the filtering condition a1 to automatically request the data generated in the last t seconds of the current time from the server every t seconds. 3 s.gtoreq.t.gtoreq.1 s, t being 3 seconds in this example.
Assuming that the current time is T, data is requested to the server at a time t+n.
I.e. requests data that meets condition a1 and the event occurrence time T-T, T.
n is more than or equal to 0, and n is the request times.
A number of t seconds of request data are obtained. The request data includes elements such as the origin and destination of the address, the time of occurrence, and the like.
3. A data processing queue a is established.
The queue a needs to be emptied of the original data in the queue a before receiving the next request data in step 4.
4. The data request interface sends the request data obtained in the step 2 to the data processing queue A.
Fig. 1 is an example.
The steps 1-4 above establish a data request model in which only the same requested data is stored in the data processing queue A.
The following is the flying lead drawing module:
5. and drawing the fly line by the advanced data in the data processing queue A. ( The data includes, but is not limited to, the following information: source address, destination address. )
In the step 2, the request data is divided into advanced data and backward data according to the obtained time, wherein one part of the data which occurs first is the advanced data, and the other part of the data which occurs later is the backward data.
5.1, locating a source address and a destination address on a map according to the address contained in the advanced data;
5.2, drawing a flying line between a source address and a destination address on the map, and counting 1;
and 5.3, saving the drawn data, the flying leads and the count as flying lead data in a reserved flying lead library.
The fly data contained in the reserved fly library includes, but is not limited to, source address, destination address, and count.
6. Comparing the source address and the destination address of the backward data in the data processing queue A with those of the reserved flying line library, skipping to draw if the backward data are consistent with the reserved flying line library, adding 1 to the count (the initial count can be regarded as 0), and executing the step 7; otherwise, the steps 5.2-5.3 are re-executed.
The incoming data and the advanced data each comprise a number of data, each of the incoming data being processed, and each of the data being processed separately as follows.
7. The next time data is requested, the method comprises the following steps:
7.1, the flying line data with the count less than or equal to 1 in the reserved flying line library is deleted. Fly data with a count greater than 1 will be retained to the retained fly library and the count will be set to 0.
And 7.2, when the data is requested next time, the data of the reserved flying line library is matched with the request data.
The data of the flying line library is reserved to be matched with the request data;
and deleting the flying line data from the reserved flying line library if the data in the flying line library is not successfully matched.
The data successfully matched in the flying line library is reserved, the flying line data is deleted from the request data, and then the steps 4-6 are carried out, and the count is increased by 1 every 1 time the flying line data in the flying line library is successfully matched;
as shown, the request data includes a count of 3 hangzhou-shanghai and a count of 0 shanghai-beijing. Then the requested data is placed in the queue after Hangzhou-Shanghai is deleted.
The larger the number of flying lines, the greater the likelihood of the next reappearance, and therefore the longer the life cycle should be. The life cycle of the flyer is extended to reduce the number of times the same flyer is drawn.
Finally, it should also be noted that the above list is merely a few specific embodiments of the present invention. Obviously, the invention is not limited to the above embodiments, but many variations are possible. All modifications directly derived or suggested to one skilled in the art from the present disclosure should be considered as being within the scope of the present invention.
Claims (4)
1. The method for realizing the fly-line effect based on the web front-end technology is characterized by comprising the following steps of: the method comprises the following steps:
1) Setting a data filtering condition a1; executing the step 2);
2) Receiving request data according to the filtering condition a 1:
automatically requesting data generated in the last t seconds of the current time from a server every t seconds; assuming that the current time is T, requesting data from a server at a time of T+n×t, and requesting data which meets the condition a1 and has the event occurrence time [ T-T, T ]; n is more than or equal to 0, and n is the number of requests; obtaining request data; 3s is more than or equal to t is more than or equal to 1s;
executing the step 3);
3) Establishing a data processing queue A; executing the step 4);
4) Transmitting the request data obtained in the step 2) to a data processing queue A; executing step 5);
5) Drawing a fly line for advanced data of the request data in the data processing queue A;
5.1 Positioning a source address and a destination address on a map according to the address contained in the advanced data; executing step 5.2);
5.2 Drawing a flying line between a source address and a destination address on a map, and counting 1; executing step 5.3);
5.3 Storing the drawn data, the flying leads and the count as flying lead data in a reserved flying lead library; executing step 6);
6) Comparing the backward data of the request data in the data processing queue A with the reserved fly line library to carry out source address and destination address, if the backward data is consistent with the reserved fly line library, skipping not to draw, counting by 1, and executing the step 7); otherwise, re-executing the step 5);
7) The method comprises the following steps:
7.1 The flying line data with the count less than or equal to 1 in the reserved flying line library is deleted; fly line data with count greater than 1 sets the count to 0; executing the step 7.2);
7.2 When data is requested next time, the data of the reserved flying line library is matched with the request data;
deleting the flying line data from the reserved flying line library if the data in the flying line library is not successfully matched;
and (4) reserving data successfully matched in the flying line library, deleting the flying line data from the request data, and then performing steps 4) -6), wherein the count is increased by 1 every 1 time the flying line data in the flying line library is successfully matched.
2. The method for realizing the fly-line effect based on the web front-end technology according to claim 1, wherein the method comprises the following steps:
in the step 2), the request data is divided into advanced data and backward data according to the obtained time, wherein one part of the data which occurs first is the advanced data, and the other part of the data which occurs later is the backward data.
3. The method for realizing the fly-line effect based on the web front-end technology according to claim 2, wherein the method comprises the following steps:
the data processing queue a in step 3) requires the original request data before receiving the next request data in step 4).
4. A method for implementing a fly-by-wire effect based on web front-end technology as claimed in claim 3, wherein:
the request data includes, but is not limited to, a source address, a destination address, and fly line data including, but not limited to, a source address, a destination address, and a count.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910386922.3A CN110223361B (en) | 2019-05-10 | 2019-05-10 | Method for realizing fly-line effect based on web front-end technology |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910386922.3A CN110223361B (en) | 2019-05-10 | 2019-05-10 | Method for realizing fly-line effect based on web front-end technology |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110223361A CN110223361A (en) | 2019-09-10 |
CN110223361B true CN110223361B (en) | 2023-06-20 |
Family
ID=67820608
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910386922.3A Active CN110223361B (en) | 2019-05-10 | 2019-05-10 | Method for realizing fly-line effect based on web front-end technology |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110223361B (en) |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
AU2003260857A1 (en) * | 2002-10-15 | 2004-05-04 | Koninklijke Philips Electronics N.V. | Data processing apparatus and method of synchronizing at least two processing means in a data processing apparatus |
CN103149576B (en) * | 2013-01-29 | 2014-12-17 | 武汉大学 | Map matching method of floating car data |
CN103679789B (en) * | 2013-12-09 | 2017-01-18 | 北京大学 | Parallel rendering and visualization method and system based on data flow diagram |
US20160210396A1 (en) * | 2015-01-21 | 2016-07-21 | Avago Technologies General Ip (Singapore) Pte. Ltd. | Method and apparatus for visualizing timing margin on a graphical user interface |
CN106897333B (en) * | 2016-06-21 | 2020-10-20 | 创新先进技术有限公司 | Data processing method and equipment thereof |
CN108763472B (en) * | 2018-05-29 | 2021-03-16 | 北京邮电大学 | Three-dimensional data visualization device and method |
-
2019
- 2019-05-10 CN CN201910386922.3A patent/CN110223361B/en active Active
Also Published As
Publication number | Publication date |
---|---|
CN110223361A (en) | 2019-09-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210170575A1 (en) | Robot cluster scheduling system | |
CN110012306B (en) | Bullet screen display method, device, equipment and storage medium | |
CN109981715B (en) | Session management method and device | |
CN110019873B (en) | Face data processing method, device and equipment | |
CN108509272A (en) | GPU video memory textures are copied to the method, apparatus and electronic equipment of Installed System Memory | |
CN110223361B (en) | Method for realizing fly-line effect based on web front-end technology | |
CN105701107A (en) | Character rendering method of electronic map and character rendering device of electronic map | |
CN110727700A (en) | Method and system for integrating multi-source streaming data into transaction type streaming data | |
CN113839998A (en) | Image data transmission method, device, equipment, storage medium and program product | |
CN113760242A (en) | Data processing method, device, server and medium | |
CN110174864B (en) | Laser marking control method, computer readable storage medium and laser marking machine | |
CN112883041A (en) | Data updating method and device, electronic equipment and storage medium | |
CN111078384A (en) | Method and device for migrating core data, computer equipment and storage medium | |
CN108280887B (en) | Shadow map determination method and device | |
CN105183288A (en) | Single-window multi-task display method and intelligent mobile terminal | |
CN115866035A (en) | Multithreading data high-speed pushing method, system, controller and storage medium | |
CN105592097A (en) | Asynchronous interaction information method based on client | |
CN110085237B (en) | Recovery method, device and equipment of interactive process | |
CN114115673A (en) | Control method of vehicle-mounted screen | |
CN113836455A (en) | Special effect rendering method, device, equipment, storage medium and computer program product | |
CN113194265A (en) | Streetscape video generation method and device, electronic equipment and storage medium | |
CN105719268A (en) | Map data processing method and map data processing device | |
CN112148279A (en) | Log information processing method and device, electronic equipment and storage medium | |
CN111885614A (en) | CORS base station networking method, device and storage medium | |
CN116634102B (en) | Front-end command equipment and data processing method based on same |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |