Web front-end waveform display performance optimization method and device for railway detection data

Abstract

The invention discloses a Web front-end waveform display performance optimization method and device for railway detection data, which can be used in the field of data visualization, and the method comprises the following steps: when a user requests oscillogram data of the railway detection data of a Web front end, obtaining the oscillogram data corresponding to the user request from a first-level cache; when the first-level cache does not hit the oscillogram data requested by the user, acquiring the oscillogram data corresponding to the user request from the second-level cache; when the second-level cache does not hit the oscillogram data requested by the user, acquiring the oscillogram data corresponding to the user request from the server, and updating the oscillogram data acquired from the server to the first-level cache or the second-level cache; and performing format conversion on the obtained oscillogram data to obtain oscillogram data in a drawable format, and performing oscillogram rendering according to the oscillogram data. According to the invention, the parallel analysis speed of oscillogram data can be improved, and the data dependence on the server is reduced.

Description

Technical Field

[0001] The present invention relates to the field of data visualization, and in particular to a method and device for optimizing Web front-end waveform display performance of railway inspection data. Background Art

[0002] This section is intended to provide a background or context for embodiments of the present invention. No description herein is admitted to be prior art by virtue of its inclusion in this section.

[0003] As high-speed railway infrastructure inspection and monitoring systems become increasingly sophisticated, a wide range of inspection methods has generated massive amounts of multi-source inspection data. Railway infrastructure inspection data analysis faces significant challenges in terms of timeliness, processing efficiency, and accuracy, placing new demands on inspection data processing and analysis technologies. However, traditional inspection data analysis often relies on stand-alone software. While these software offers advantages such as independent operation and rapid response, they also have limitations in data sharing, processing efficiency, and software maintenance. In contrast, web-based inspection data analysis applications based on a browser / server (B / S) architecture have made significant progress in the field of high-speed railway infrastructure inspection data analysis, offering advantages such as multi-user sharing, cross-platform compatibility, and compatibility. Despite this, traditional web-based applications based on a browser / server (B / S) architecture still face bottlenecks when processing massive amounts of data, such as front-end rendering blockage, visual rendering crashes, and low analysis efficiency. Summary of the Invention

[0004] An embodiment of the present invention provides a method for optimizing the performance of Web front-end waveform display of railway inspection data, which is used to increase the speed of parallel analysis of waveform data and reduce data dependence on the server. The method includes:

[0005] When a user requests waveform data of railway inspection data on the Web front end, the waveform data corresponding to the user request is obtained from the first-level cache; the first-level cache uses the browser memory to store waveform data with a user access frequency higher than a threshold;

[0006] When the waveform data requested by the user is not found in the first-level cache, the waveform data corresponding to the user request is obtained from the second-level cache; the second-level cache stores the waveform data corresponding to each business scenario in the form of key-value pairs;

[0007] When the waveform data requested by the user is not found in the secondary cache, the waveform data corresponding to the user request is obtained from the server, and the waveform data obtained from the server is updated to the primary cache or the secondary cache;

[0008] The acquired waveform data is formatted to obtain waveform data in a drawable format, and waveform rendering is performed based on the waveform data.

[0009] An embodiment of the present invention further provides a device for optimizing the performance of a Web front-end waveform display of railway inspection data, which is used to increase the speed of parallel analysis of waveform data and reduce data dependence on a server. The device includes:

[0010] The first acquisition module is used to obtain the waveform data corresponding to the user request from the first-level cache when the user requests the waveform data of the railway detection data on the Web front end; the first-level cache uses the browser memory to store the waveform data with a user access frequency higher than a threshold;

[0011] The second acquisition module is used to obtain the waveform data corresponding to the user request from the secondary cache when the waveform data requested by the user is not found in the primary cache; the secondary cache stores the waveform data corresponding to each business scenario in the form of key-value pairs;

[0012] A third acquisition module is configured to acquire the waveform data corresponding to the user request from the server when the waveform data requested by the user is not found in the secondary cache, and update the waveform data acquired from the server to the primary cache or the secondary cache;

[0013] The rendering module is used to convert the format of the acquired waveform data to obtain the waveform data in a drawable format, and perform waveform rendering according to the waveform data.

[0014] An embodiment of the present invention also provides a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the method for optimizing the performance of Web front-end waveform display of railway inspection data is implemented.

[0015] An embodiment of the present invention also provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, it implements the above-mentioned method for optimizing the Web front-end waveform display performance of railway detection data.

[0016] An embodiment of the present invention further provides a computer program product, which includes a computer program. When the computer program is executed by a processor, it implements the above-mentioned method for optimizing the Web front-end waveform display performance of railway detection data.

[0017] In an embodiment of the present invention, when a user requests waveform graph data of railway detection data from a Web front end, the waveform graph data corresponding to the user request is obtained from the first-level cache; the first-level cache uses the browser memory to store waveform graph data with a user access frequency higher than a threshold; when the first-level cache misses the waveform graph data requested by the user, the waveform graph data corresponding to the user request is obtained from the second-level cache; the second-level cache stores the waveform graph data corresponding to each business scenario in the form of key-value pairs; when the second-level cache misses the waveform graph data requested by the user, the waveform graph data corresponding to the user request is obtained from the server, and the waveform graph data obtained from the server is updated to the first-level cache or the second-level cache; the obtained waveform graph data is formatted to obtain waveform graph data in a drawable format, and waveform rendering is performed based on the waveform graph data. In this way, through an optimization strategy based on a two-level cache mechanism: the first-level cache uses browser memory to achieve fast data access and is suitable for frequently queried data; the second-level cache uses key-value pair storage, which can store larger data sets and support offline access; through the first-level cache, the second-level cache and the remote data request program when necessary, to efficiently process and load data, ensure the smoothness of user operations and real-time updates of data, improve the speed of parallel data analysis, and reduce data dependence on the server. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for the embodiments or the description of the prior art. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative work. In the drawings:

[0019] Figure 1 A flowchart of a method for optimizing the performance of Web front-end waveform display of railway inspection data provided in an embodiment of the present invention;

[0020] Figure 2 A flowchart of establishing a secondary cache provided in an embodiment of the present invention;

[0021] Figure 3 A flowchart of converting the format of acquired waveform data provided in an embodiment of the present invention;

[0022] Figure 4 A schematic diagram of a device for optimizing the performance of Web-based front-end waveform display of railway inspection data provided in an embodiment of the present invention;

[0023] Figure 5 This is a structural block diagram of a computer device provided in an embodiment of the present invention. DETAILED DESCRIPTION

[0024] To make the purpose, technical solutions and advantages of the embodiments of the present invention more clear, the embodiments of the present invention are further described in detail below with reference to the accompanying drawings. Here, the exemplary embodiments of the present invention and their descriptions are used to explain the present invention, but are not intended to limit the present invention.

[0025] The term "and / or" herein simply describes an association relationship, indicating that three relationships can exist. For example, A and / or B can represent the existence of A alone, the simultaneous existence of A and B, and the existence of B alone. In addition, the term "at least one" herein refers to any combination of at least two of any one or more of a plurality of items. For example, "at least one of A, B, and C" can represent any one or more elements selected from the set consisting of A, B, and C.

[0026] In the description of this specification, the terms "include", "including", "have", "contain", etc. are all open terms, which mean including but not limited to. The descriptions with reference to the terms "one embodiment", "a specific embodiment", "some embodiments", "for example", etc. mean that the specific features, structures or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present application. In this specification, the schematic expressions of the above terms do not necessarily refer to the same embodiment or example. Moreover, the specific features, structures or characteristics described can be combined in a suitable manner in any one or more embodiments or examples. The order of steps involved in each embodiment is used to schematically illustrate the implementation of the present application, and the order of steps therein is not limited and can be appropriately adjusted as needed.

[0027] The embodiment of the present invention provides a method for optimizing the performance of Web front-end waveform display of railway inspection data. Figure 1 The following is a schematic diagram of the performance optimization method for the Web front-end waveform display of railway inspection data, as shown in Figure 1 Shown, including:

[0028] Step 101: When a user requests waveform data of railway inspection data from a Web front end, the waveform data corresponding to the user request is obtained from a first-level cache; the first-level cache uses the browser memory to store waveform data with a user access frequency higher than a threshold;

[0029] Step 102: When the waveform data requested by the user is not found in the first-level cache, the waveform data corresponding to the user request is obtained from the second-level cache; the second-level cache stores the waveform data corresponding to each business scenario in the form of key-value pairs;

[0030] Step 103: when the waveform data requested by the user is not found in the secondary cache, the waveform data corresponding to the user request is obtained from the server, and the waveform data obtained from the server is updated to the primary cache or the secondary cache;

[0031] Step 104: converting the acquired waveform data into a format to obtain waveform data in a drawable format, and performing waveform rendering based on the waveform data.

[0032] The method for optimizing the Web front-end waveform display performance of railway inspection data proposed in an embodiment of the present invention optimizes the data processing process, accelerates data analysis, and enhances front-end display performance through an advanced technical architecture, thereby achieving efficient visualization and in-depth analysis of dynamic inspection data of high-speed railway infrastructure.

[0033] In one embodiment, when a user requests waveform data from a web front end, obtaining the waveform data corresponding to the user request from a first-level cache includes:

[0034] When receiving a waveform data refresh request from a user on the Web front end, the browser cache data in the browser memory is searched;

[0035] According to the waveform data refresh request of the user, the waveform data corresponding to the waveform data refresh request of the user is determined.

[0036] Figure 2 The flowchart of establishing the secondary cache provided in the embodiment of the present invention is as follows: Figure 2 As shown, in the embodiment of the present invention, the secondary cache is established in the following manner:

[0037] Step 201: Divide the waveform data corresponding to each business scenario into blocks according to route, line type, detection data, and start and end mileage;

[0038] Step 202: Create an index for the data of each block, and store the data of each block and the index corresponding to the data of each block in the form of key-value pairs.

[0039] In one embodiment, it further includes:

[0040] Determine the access frequency and importance of each waveform data based on the user's historical access data;

[0041] The storage location of each waveform data is adjusted according to the access frequency and importance of each waveform data.

[0042] In one embodiment, the first-level cache uses browser memory to achieve fast data access and is suitable for frequently queried data; the second-level cache uses a Web interface, which can store larger data sets and support offline access.

[0043] Taking high-speed railway track geometry dynamic inspection data as an example, the web interface stores data in key-value pairs and organizes the data by line, line type, inspection date, and start and end mileage to optimize query performance. By creating indexes for these conditions, the web interface significantly improves data access speed and processing efficiency, thereby enhancing the user experience. This block storage method and cache indexing mechanism enable efficient data management and rapid retrieval based on different query conditions, further optimizing data access performance.

[0044] Based on a two-level caching mechanism optimization strategy, page data loading speed is improved. When a user requests waveform data, the system efficiently processes and loads the data through the first-level cache, the second-level cache, and, when necessary, the remote data request process. Throughout the data loading process, the system intelligently caches data based on access frequency and importance, ensuring smooth user operations and real-time data updates.

[0045] Figure 3 The flowchart of converting the format of the acquired waveform data provided in the embodiment of the present invention is as follows: Figure 3 As shown, in an embodiment of the present invention, the format conversion of the acquired waveform data includes:

[0046] Step 301: determining extreme values ​​of the waveform data, and normalizing the waveform data according to the extreme values;

[0047] Step 302: constructing a model view matrix based on the normalized waveform data;

[0048] Step 303: Generate vertex data according to the model view matrix; the vertex data is used to describe the geometric position coordinates of the waveform data.

[0049] In one embodiment, before rendering the waveform according to the waveform data, the method further includes:

[0050] Clear the canvas used to draw the waveform, configure the parameters of the shader program, and bind the buffer data.

[0051] In one embodiment, a web interface is used to more efficiently render large numbers of data points, providing a smooth interactive experience. Before drawing a waveform graph, the data must be properly processed and converted into a format that is convenient for drawing. Specifically, this process includes determining the extreme values ​​of the data, constructing the model view matrix, and performing normalization. To ensure that the drawing of new data is not affected by existing data, the canvas must be cleared before each rendering. Finally, it is necessary to configure the parameters of the shader program, bind the buffer data of the web interface, and execute the corresponding drawing commands.

[0052] In addition to waveform drawing, the page rendering process also includes mouse panning and zooming, which are implemented through the web interface's model-view matrix. The model-view matrix is ​​calculated based on the user-defined scale factor and displacement parameters. A 4x4 model-view matrix is ​​introduced in the vertex shader to enhance vertex data processing capabilities, enabling panning and zooming of graphics. This ensures consistent high performance even when handling large amounts of data.

[0053] Significant improvements have been achieved in performance optimization: the speed of acquiring dynamic track geometry data for high-speed railway comprehensive inspections has increased by 75%, reducing the average time from 8 seconds to 2 seconds. Furthermore, data loading and front-end rendering speeds have increased by 87.5% and 83.3%, respectively, significantly reducing user wait times. Regarding stability, the use of a web interface for data caching reduces server reliance and enhances system stability. Furthermore, cross-platform access performance is stable, supporting multiple devices and browsers, ensuring a consistent experience regardless of the device being used, thereby improving user convenience.

[0054] In terms of visualization, the application of web interface technology enables smoother graphics rendering, significantly improving data visualization. Users can now conduct more in-depth analysis of inspection data through interactive operations such as zooming and panning. The new platform is more intuitive and easy to use, with a user-friendly interface and clear operational logic, further demonstrating the improvement in user experience achieved through optimization efforts.

[0055] In a specific embodiment, when a user requests waveform data, the system will efficiently process and load the data through the first-level cache, the second-level cache, and the remote data request program when necessary.

[0056] When a user initiates a data refresh request, the system will first try to quickly obtain the browser cache data from the first-level cache (browser memory). The first-level cache stores the page data that users access most frequently, providing the fastest page response speed; if the first-level cache does not hit the data requested by the user, the system will turn to request the second-level cache. The second-level cache has a larger storage space. The Web interface stores pre-stored data based on combination conditions such as route, line type, inspection date, and start and end mileage in the form of key-value pairs, providing fast response of pages in specific business scenarios; if both the first-level and second-level caches do not hit the user's requested data, the system will initiate a remote request to obtain the data required for the current page from the server, and display the loading status on the user interface to prompt the user of the current data processing status, and automatically refresh the page after the data loading is completed to display the latest returned data.

[0057] Throughout the data loading process, the system intelligently caches data based on its access frequency and importance, ensuring smooth user operations and real-time data updates. This hierarchical and intelligent caching strategy not only improves data acquisition efficiency but also optimizes the user interaction experience, achieving rapid data loading response and seamless user operation.

[0058] The Web front-end waveform display performance optimization method for railway inspection data provided in the embodiment of the present application provides users with richer interactive analysis functions based on the application of massive inspection data display optimization technology, and the performance and user experience of the Web-side comprehensive display page have been significantly improved. When the user enters the page, the system can initialize the data more quickly and obtain various necessary display data, including lines, lines, configuration parameters of the user's last query, channel and ledger dictionary data, and station sections and ledger data of the selected line section. In terms of interactive analysis functions, users can set the center mileage and zoom factor of the displayed line section on the page to personalize the display of waveform data. Web interface technology is used to efficiently render the data and display it to the user through an interactive view, so that the user can intuitively view and analyze the graphics, thereby gaining a deeper understanding of the inspection data and providing strong technical support for related decision-making and analysis.

[0059] The present invention also provides a device for optimizing the performance of waveform display on a Web front-end for railway inspection data, as described in the following embodiments. Because the principles underlying the device are similar to those of the method for optimizing the performance of waveform display on a Web front-end for railway inspection data, the implementation of the device can refer to the implementation of the method for optimizing the performance of waveform display on a Web front-end for railway inspection data, and any repetitions will not be repeated.

[0060] Figure 4 Schematic diagram of a Web front-end waveform display performance optimization device for railway detection data provided in an embodiment of the present invention, such as Figure 4 As shown, the device includes:

[0061] The first acquisition module 401 is configured to acquire the waveform data corresponding to the user request from the first-level cache when the user requests waveform data of the railway inspection data on the web front end; the first-level cache uses the browser memory to store the waveform data with a user access frequency higher than a threshold;

[0062] The second acquisition module 402 is configured to acquire the waveform data corresponding to the user request from the secondary cache when the waveform data requested by the user is not found in the primary cache. The secondary cache stores the waveform data corresponding to each business scenario in the form of key-value pairs.

[0063] The third acquisition module 403 is configured to acquire the waveform data corresponding to the user request from the server when the waveform data requested by the user is not found in the secondary cache, and update the waveform data acquired from the server to the primary cache or the secondary cache;

[0064] The rendering module 404 is configured to convert the acquired waveform data into a format to obtain waveform data in a drawable format, and perform waveform rendering based on the waveform data.

[0065] In one embodiment, the first acquisition module 401 is specifically configured to:

[0066] When receiving a waveform data refresh request from a user on the Web front end, the browser cache data in the browser memory is searched;

[0067] According to the waveform data refresh request of the user, the waveform data corresponding to the waveform data refresh request of the user is determined.

[0068] In one embodiment, a cache creation module is further included, specifically configured to:

[0069] The waveform data corresponding to each business scenario is divided into blocks according to route, line type, detection data and start and end mileage;

[0070] Create an index for the data of each block, and store the data of each block and the index corresponding to the data of each block in the form of key-value pairs.

[0071] In one embodiment, the cache creation module is further configured to:

[0072] Determine the access frequency and importance of each waveform data based on the user's historical access data;

[0073] The storage location of each waveform data is adjusted according to the access frequency and importance of each waveform data.

[0074] In one embodiment, the rendering module 404 is specifically configured to:

[0075] Determine the extreme values ​​of the waveform data, and perform normalization processing on the waveform data according to the extreme values;

[0076] Construct a model view matrix based on the normalized waveform data;

[0077] Generate vertex data according to the model view matrix; the vertex data is used to describe the geometric position coordinates of the waveform data.

[0078] In one embodiment, the rendering module 404 is further configured to:

[0079] Clear the canvas used to draw the waveform, configure the parameters of the shader program, and bind the buffer data.

[0080] Based on the above invention concept, Figure 5 As shown, the present invention also proposes a computer device 500, including a memory 510, a processor 520 and a computer program 530 stored in the memory 510 and executable on the processor 520, wherein the processor 520 implements the aforementioned method for optimizing the performance of Web front-end waveform display of railway inspection data when executing the computer program 530.

[0081] An embodiment of the present invention also provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, it implements the above-mentioned method for optimizing the Web front-end waveform display performance of railway detection data.

[0082] An embodiment of the present invention further provides a computer program product, which includes a computer program. When the computer program is executed by a processor, it implements the above-mentioned method for optimizing the Web front-end waveform display performance of railway detection data.

[0083] To sum up, in an embodiment of the present invention, when a user requests waveform data of railway detection data from a Web front-end, the waveform data corresponding to the user request is obtained from the first-level cache; the first-level cache uses the browser memory to store waveform data with a user access frequency higher than a threshold; when the first-level cache misses the waveform data requested by the user, the waveform data corresponding to the user request is obtained from the second-level cache; the second-level cache stores the waveform data corresponding to each business scenario in the form of key-value pairs; when the second-level cache misses the waveform data requested by the user, the waveform data corresponding to the user request is obtained from the server, and the waveform data obtained from the server is updated to the first-level cache or the second-level cache; the obtained waveform data is formatted to obtain waveform data in a drawable format, and waveform rendering is performed according to the waveform data. In this way, through an optimization strategy based on a two-level cache mechanism: the first-level cache uses browser memory to achieve fast data access and is suitable for frequently queried data; the second-level cache uses key-value pair storage, which can store larger data sets and support offline access; through the first-level cache, the second-level cache and the remote data request program when necessary, to efficiently process and load data, ensure the smoothness of user operations and real-time updates of data, improve the speed of parallel data analysis, and reduce data dependence on the server.

[0084] It will be understood by those skilled in the art that embodiments of the present invention may be provided as methods, systems, or computer program products. Thus, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Furthermore, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0085] The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each process and / or block in the flowcharts and / or block diagrams, as well as combinations of processes and / or blocks in the flowcharts and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowcharts and / or block diagrams. Figure 1 a process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0086] These computer program instructions may also be stored in a computer readable memory that can direct a computer or other programmable data processing device to work in a specific manner, so that the instructions stored in the computer readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 a process or multiple processes and / or boxes Figure 1 The function specified in one or more boxes.

[0087] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operational steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing the instructions executed on the computer or other programmable device for implementing the process. Figure 1 a process or multiple processes and / or boxes Figure 1 A step that specifies a function in one or more boxes.

[0088] The specific embodiments described above further illustrate the objectives, technical solutions and beneficial effects of the present invention in detail. It should be understood that the above description is only a specific embodiment of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present invention should be included in the scope of protection of the present invention.

Claims

1. A method for optimizing the performance of Web front-end waveform display of railway inspection data, characterized in that: include: When a user requests waveform data of railway inspection data on the Web front end, the waveform data corresponding to the user request is obtained from the first-level cache; The first-level cache uses the browser memory to store waveform data with a user access frequency higher than a threshold; When the waveform data requested by the user is not found in the first-level cache, the waveform data corresponding to the user request is obtained from the second-level cache; the second-level cache stores the waveform data corresponding to each business scenario in the form of key-value pairs; When the waveform data requested by the user is not found in the secondary cache, the waveform data corresponding to the user request is obtained from the server, and the waveform data obtained from the server is updated to the primary cache or the secondary cache; The acquired waveform data is formatted to obtain waveform data in a drawable format, and waveform rendering is performed based on the waveform data.

2. The method according to claim 1, wherein When a user requests waveform data from the Web front-end, the waveform data corresponding to the user request is obtained from the first-level cache, including: When receiving a waveform data refresh request from a user on the Web front end, the browser cache data in the browser memory is searched; According to the waveform data refresh request of the user, the waveform data corresponding to the waveform data refresh request of the user is determined.

3. The method according to claim 1, wherein The second-level cache is established as follows: The waveform data corresponding to each business scenario is divided into blocks according to route, line type, detection data and start and end mileage; Create an index for the data of each block, and store the data of each block and the index corresponding to the data of each block in the form of key-value pairs.

4. The method according to claim 1, wherein Also includes: Determine the access frequency and importance of each waveform data based on the user's historical access data; The storage location of each waveform data is adjusted according to the access frequency and importance of each waveform data.

5. The method according to claim 1, wherein Convert the acquired waveform data into different formats, including: Determine the extreme values ​​of the waveform data, and perform normalization processing on the waveform data according to the extreme values; Construct a model view matrix based on the normalized waveform data; Generate vertex data according to the model view matrix; the vertex data is used to describe the geometric position coordinates of the waveform data.

6. The method according to claim 1, wherein Before rendering the waveform according to the waveform data, it also includes: Clear the canvas used to draw the waveform, configure the parameters of the shader program, and bind the buffer data.

7. A device for optimizing the performance of Web front-end waveform display of railway inspection data, characterized in that: include: The first acquisition module is used to obtain the waveform data corresponding to the user request from the first-level cache when the user requests the waveform data of the railway detection data on the Web front end; The first-level cache uses the browser memory to store waveform data with a user access frequency higher than a threshold; The second acquisition module is used to obtain the waveform data corresponding to the user request from the secondary cache when the waveform data requested by the user is not found in the primary cache; the secondary cache stores the waveform data corresponding to each business scenario in the form of key-value pairs; A third acquisition module is configured to acquire the waveform data corresponding to the user request from the server when the waveform data requested by the user is not found in the secondary cache, and update the waveform data acquired from the server to the primary cache or the secondary cache; The rendering module is used to convert the format of the acquired waveform data to obtain the waveform data in a drawable format, and perform waveform rendering according to the waveform data.

8. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, the method according to any one of claims 1 to 6 is implemented.

9. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

10. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

Images