A method for fast parameter switching using two-dimensional graph

Abstract

The present application relates to the technical field of computer interaction, and particularly relates to a method for quickly switching parameters by using a two-dimensional graph, comprising the following steps: S1: an application system acquires all parameter group data; S2: a two-dimensional mapping data structure is constructed with the first dimension and the second dimension parameter values as keys; S3: a user interface is generated according to the structure, and a two-dimensional coordinate axis and an intersection control are rendered; S4: in response to the user's click on the intersection, target data is obtained by querying the mapping structure, and a display area is dynamically refreshed. The present application directly presents parameter groups in the form of two-dimensional coordinates, and the user can instantly switch parameter details by clicking on the intersection, thereby innovating the navigation mode from linear search to two-dimensional positioning, effectively solving the problems of low positioning efficiency, poor global overview and difficult comparison and analysis existing in the traditional paging interface, and significantly improving the experience and efficiency of the user when browsing and comparing a large number of parameter groups.

Description

Technical Field

[0001] This invention relates to the field of computer interaction technology, and in particular to a method, system, and storage medium for rapidly switching parameters using a two-dimensional graph. Background Technology

[0002] In software applications and web interfaces, when it is necessary to display a group of objects with multiple classification attributes to users, such as product models of different specifications or equipment parameters with different configurations, an effective navigation and organization method is usually required so that users can quickly find and view the specific objects they are interested in and their detailed information.

[0003] Currently, the most common solution in the industry is pagination or tab navigation. In this mode, each independent parameter group or object is assigned to a separate page or tab, and users switch between different content pages by clicking different tabs or pagination indicators. This traditional method is simple and intuitive when the number of parameter groups is small. However, when the number of parameter groups is large, and these parameter groups can be divided according to two clear dimensions, the inherent defects of traditional pagination methods are exposed. A large number of parameter groups leads to a surge in the number of tabs, and the tab bar often requires horizontal scrolling to browse all of them. Users find it difficult to quickly locate the target page and can only perform linear searches, which is cumbersome and inefficient. Users can only see the content of one tab at a time, and cannot intuitively perceive the overall relationship between all parameter groups or the combination of different dimensions. When users need to compare different parameter groups, they must switch back and forth between multiple tabs, which can easily lead to user distraction, difficulty in effective comparison, and a poor user experience.

[0004] Therefore, there is an urgent need in this field for a novel interface interaction method that can overcome the above-mentioned defects. This method can provide users with a global and intuitive view of parameter group distribution and support users to instantly locate and switch to the target parameter group through efficient operations, thereby greatly improving the user experience and efficiency when browsing and comparing a large amount of parameterized information. Summary of the Invention

[0005] The purpose of this invention is to overcome the shortcomings of existing technologies and provide a method for rapid parameter switching using two-dimensional graphs, comprising the following steps: S1: After the application system is initialized, it retrieves all parameter group data from the data source, where each parameter group data contains at least the first dimension parameter value and the second dimension parameter value. S2: Based on all the parameter group data, construct a two-dimensional mapping data structure. The two-dimensional mapping data structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data. S3: Based on the two-dimensional mapping data structure, generate and render the user interface, which includes a two-dimensional chart area and a parameter display area. The X-axis label of the two-dimensional chart area is all the unique first-dimensional parameter values, and the Y-axis label is all the unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection point based on the two-dimensional mapping data structure. S4: During system operation, in response to the user's selection operation on the intersection control, the system queries the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the control, obtains the target parameter group data, and dynamically updates the content of the parameter display area to display the target parameter group data.

[0006] Preferably, in step S2, constructing the two-dimensional mapping data structure includes: Traverse all parameter group data and extract the first and second dimension parameter values ​​for each parameter group. Using the first dimension parameter value as the key, an outer mapping structure is created, and the value of the outer mapping structure is an inner mapping structure; For parameter groups with the same first-dimensional parameter value, the complete parameter group data is stored as the value in the corresponding inner mapping structure, using the second-dimensional parameter value as the key. For first-dimensional parameter values ​​and second-dimensional parameter value combinations that do not have corresponding parameter group data, no mapping relationship is established in the two-dimensional mapping data structure.

[0007] Preferably, in step S3, generating and rendering the user interface further includes: Extract all unique first-dimensional parameter values ​​from the two-dimensional mapping data structure and use them as X-axis labels for horizontal rendering; Extract all unique second-dimensional parameter values ​​from all inner mapping structures of the two-dimensional mapping data structure, and use them as Y-axis labels for vertical rendering; Iterate through all combinations of X-axis and Y-axis labels. For each combination, query the two-dimensional mapping data structure and process the results.

[0008] Preferably, the processing based on the query results further includes: If the corresponding parameter set data exists, a clickable intersection control will be rendered at the corresponding position in the two-dimensional chart area; If it does not exist, render a non-clickable placeholder or leave it blank.

[0009] Preferably, in step S4, responding to the user's selection and updating the display includes: When a user clicks on one of the intersection controls, the event handler function retrieves the first dimension parameter value and the second dimension parameter value bound to the control. Using the first and second dimension parameter values ​​obtained as keys, the two-dimensional mapping data structure is queried to instantly locate and obtain the corresponding target parameter group data; The target parameter group data is filled into the predefined template of the parameter display area to complete the dynamic refresh of the content. At the same time, the currently selected intersection control and the corresponding X-axis and Y-axis labels are highlighted.

[0010] Preferably, in step S4, highlighting the controls and labels includes: Change the visual style of the currently selected intersection control to distinguish it from the unselected intersection controls; At the same time, the visual style of the Y-axis labels in the same row and X-axis labels in the same column as the selected intersection control in the 2D chart is changed to form a T-shaped highlighted area to help users with visual positioning.

[0011] Preferably, the parameter display area always exists during application operation and only displays data for one parameter group, replacing the traditional multi-page switching display mode by dynamically refreshing the content.

[0012] Preferably, in step S1, obtaining all parameter group data from the data source includes: Perform initialization operations, including loading the basic framework and rendering the UI container. After initialization, a data retrieval command is automatically triggered. Based on the pre-configuration, the data source for the parameter group is determined, a request is sent to the determined data source, and upon receiving the response from the data source, The response data is initially verified. Once the verification is successful, the received raw data list is temporarily stored in a variable or application state in memory.

[0013] Based on the same concept, the present invention also provides a system for rapid parameter switching using a two-dimensional graph, comprising: The data acquisition module is used to acquire all parameter group data from the data source after the application system is initialized, wherein each parameter group data contains at least the first dimension parameter value and the second dimension parameter value. The data structure construction module is used to construct a two-dimensional mapping data structure based on the complete parameter group data. The structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data. The user interface rendering module is used to generate and render a user interface based on the two-dimensional mapping data structure. The user interface includes a two-dimensional chart area and a parameter display area. The X-axis labels of the two-dimensional chart area are all unique first-dimensional parameter values, and the Y-axis labels are all unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection points based on the two-dimensional mapping data structure. The interaction processing module is used to respond to the user's selection operation on the intersection control during system operation, query the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the control, obtain the target parameter group data, and dynamically update the content of the parameter display area to display the target parameter group data.

[0014] Based on the same concept, the present invention also provides a storage medium storing computer-readable instructions, characterized in that, when the computer-readable instructions are executed by one or more processors, the one or more processors cause the one or more processors to perform the steps of the method for rapidly switching parameters using a two-dimensional graph as described in any one of the embodiments.

[0015] Compared with the prior art, the beneficial effects of the present invention are: This invention acquires all parameter group data and constructs a two-dimensional mapping data structure, uniquely mapping each parameter group to a composite key composed of parameter values ​​of the first and second dimensions, thereby realizing the structured organization of parameter group data and laying the foundation for rapid retrieval.

[0016] This invention generates a user interface containing a two-dimensional chart area and a parameter display area through a two-dimensional mapping data structure. The parameter group is presented intuitively in the two-dimensional coordinate system in the form of intersection control, providing users with a global and intuitive overview of the parameter distribution, effectively solving the problem of poor global overview caused by the traditional pagination mode.

[0017] This invention responds to user clicks on intersection controls, uses the bound dimension value as a key to instantly query the two-dimensional mapping data structure to obtain the target parameter group, and dynamically refreshes the parameter display area, realizing an instantaneous switch from two-dimensional coordinates to parameter details, greatly improving the efficiency of parameter browsing and positioning; This invention replaces the traditional multi-page switching mode by having a parameter display area that is always present during application operation and only displays data by dynamically refreshing the content. This allows users to maintain continuous focus and makes the operation process smoother and more coherent, effectively solving the problem of difficult comparison and analysis in the traditional way. Attached Figure Description

[0018] Various other advantages and benefits will become apparent to those skilled in the art upon reading the following detailed description of preferred embodiments. The accompanying drawings are for illustrative purposes only and are not intended to limit the invention.

[0019] Figure 1 This is a flowchart of a method for rapid parameter switching using a two-dimensional graph according to the present invention; Figure 2 This is a diagram illustrating the use of multiple tabs for pagination based on size. Figure 3 This invention generates a two-dimensional diagram based on dimensions, and refreshes the right-hand page by clicking on the intersection point. Detailed Implementation

[0020] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention. Obviously, the described embodiments are only some, not all, of the embodiments described in this application. All other embodiments obtained by those skilled in the art based on the embodiments in this application without creative effort are within the scope of protection of this application.

[0021] Those skilled in the art will understand that, unless otherwise stated, the singular forms “a” and “an” used herein, and “the”, may also include the plural forms. It should be further understood that the term “comprising” as used in this specification means the presence of the stated features, integers, steps, operations, elements, and / or components, but does not exclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof.

[0022] First Embodiment Please see Figure 1 As shown, this embodiment provides a method for quickly switching parameters using a two-dimensional graph, including the following steps: S1: After the application system is initialized, it retrieves all parameter group data from the data source, where each parameter group data contains at least the first dimension parameter value and the second dimension parameter value.

[0023] Preferably, in step S1, obtaining all parameter group data from the data source includes: Initialization operations, including loading the basic framework and rendering the interface container, are performed. Specifically, in this embodiment, the user opens an application or webpage containing this function. The application completes the basic framework loading, interface container rendering and other initialization work. At this time, the two-dimensional image area and parameter display area may be empty or display a loading status. After initialization, a data acquisition command is automatically triggered. Based on the pre-configuration, the source of the parameter group data is determined, and a request is sent to the determined data source. After receiving the response from the data source, the response data is initially verified. If the verification is successful, the received raw data list is temporarily stored in a variable in memory or in the application state. Specifically, in this embodiment, the triggering condition for the data acquisition command is the completion of component lifecycle hooks, route guard parsing, or user entry into a specific functional module. The sources of parameter group data include backend API interfaces, frontend local files, and state management libraries.

[0024] Better yet, preliminary verification of the response data includes: Verify that the data format is correct (e.g., it is a valid JSON array). Verify that the expected basic fields are included. At a minimum, it is necessary to confirm that each data item contains the two key fields: the first dimension parameter value and the second dimension parameter value. If these fields are missing, the system will determine that the data is incorrect and trigger the error handling process (such as displaying an error message).

[0025] S2: Based on all parameter group data, construct a two-dimensional mapping data structure. The two-dimensional mapping data structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data.

[0026] Preferably, in step S2, constructing a two-dimensional mapping data structure includes: Iterate through all parameter group data and extract the first dimension parameter value (e.g., model.screenSize = "6.1 inches") and the second dimension parameter value (e.g., model.ram = "8GB") for each parameter group. Using the first dimension parameter value as the key, an outer mapping structure (first-level mapping) is created. The value of the outer mapping structure is an inner mapping structure. Specifically, in this embodiment, the system creates an empty outer mapping container (first-level mapping), which will be used to group data according to the first dimension parameter value (such as screen size). For parameter groups with the same first-dimensional parameter value, use their second-dimensional parameter value as the key, and store the complete parameter group data as the value in the corresponding inner mapping structure (second-level mapping); For first-dimensional parameter values ​​and second-dimensional parameter value combinations that do not have corresponding parameter group data, no mapping relationship is established in the two-dimensional mapped data structure.

[0027] Step S2 is key to optimizing the search complexity from O(N) (linear scan of the list) to O(1) (two hash lookups). It establishes an efficient index, enabling the system to instantly locate the corresponding parameter data based on the two-dimensional coordinates of the user's click in subsequent steps, providing fundamental data support for rapid switching.

[0028] S3: Based on the two-dimensional mapping data structure, generate and render the user interface. The user interface includes a two-dimensional chart area and a parameter display area. The X-axis labels of the two-dimensional chart area are all unique first-dimensional parameter values, and the Y-axis labels are all unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection points according to the two-dimensional mapping data structure. Specifically, in this embodiment, the two-dimensional chart area is usually located on the left or top to display the coordinate axes and intersection matrix, and the parameter display area is usually located on the right or bottom to display the contents of the selected parameter group in detail.

[0029] Preferably, in step S3, generating and rendering the user interface further includes: Extract all unique first-dimensional parameter values ​​from the two-dimensional mapping data structure and use them as X-axis labels for horizontal rendering. Specifically, in this embodiment, extract all keys from the outer mapping of the two-dimensional mapping data structure. These keys are all non-repeating first-dimensional parameter values. Sort these values ​​(if necessary, such as by size, alphabetical order, etc.) and use them as a list of X-axis labels. Render the resulting list of X-axis labels horizontally at the top or bottom of the two-dimensional chart area. Each label represents a scale. Extract all unique second-dimensional parameter values ​​from all inner mapping structures of the two-dimensional mapping data structure and use them as Y-axis labels for vertical rendering. Specifically, in this embodiment, traverse the inner mapping corresponding to each outer key in the two-dimensional mapping data structure, collect all inner mapping keys, remove duplicates from these keys to obtain all unique second-dimensional parameter values, sort these values ​​(if necessary), and use them as a list of Y-axis labels. Render the Y-axis label list vertically on the left side of the two-dimensional chart area, with each label representing a scale. Iterate through all combinations of X-axis and Y-axis labels. For each combination, query the two-dimensional mapping data structure and process the query results. Specifically, in this embodiment, based on the number of X-axis labels and the number of Y-axis labels, draw an invisible grid inside the coordinate axes. The number of rows in this grid is equal to the number of Y-axis labels, and the number of columns is equal to the number of X-axis labels. Iterate through each cell in the grid. Each cell corresponds to a unique (X, Y) coordinate combination, where X is the index / value of the X-axis label and Y is the index / value of the Y-axis label. Use the X-axis label value (first dimension value) and Y-axis label value (second dimension value) corresponding to the current cell as a composite key to query the constructed two-dimensional mapping data structure.

[0030] Preferably, processing based on the query results further includes: If the corresponding parameter group data exists, a clickable intersection control is rendered at the corresponding position in the two-dimensional chart area. Specifically, in this embodiment, if the query returns a valid parameter group object, it means that the coordinate combination is valid and the corresponding parameter group data exists. Then, an interactive intersection control is generated in the cell, and the necessary metadata is bound to the control. The most important one is its corresponding (X, Y) coordinate value so that the position can be identified when clicked. Alternatively, brief information can be displayed on the control. If it does not exist, a non-clickable placeholder or blank space is rendered. Specifically, in this embodiment, if the query result is empty or undefined, it means that there is no parameter group corresponding to this combination. In this case, a non-interactive placeholder (such as a gray cross "×", a light-colored dot, or simply blank space) is rendered in the cell, which clearly indicates to the user that the specification combination is unavailable.

[0031] After step S3 is completed, the user will see a complete and information-rich two-dimensional chart interface: the X and Y axes have clear labels; the grid is filled with intersection controls, solid / colored intersections represent in-stock or optional models, and gray / disabled intersections or placeholders represent invalid combinations; the parameter display area is ready and waiting for user interaction.

[0032] Step S3 transforms the abstract mapping data structure into a graphical interface that users can intuitively understand and operate. By observing the presence and status of intersections, users can quickly grasp the full picture of all available parameter combinations without reading extensive text, laying the foundation for rapid switching interactions in the next step.

[0033] S4: During system operation, respond to the user's selection operation of the intersection control, query the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the control, obtain the target parameter group data, and dynamically update the content of the parameter display area to display the target parameter group data.

[0034] Preferably, in step S4, responding to the user's selection and updating the display includes: When a user clicks an intersection control, the event handler function retrieves the first dimension parameter value and the second dimension parameter value bound to the control. Using the first and second dimension parameter values ​​as keys, the two-dimensional mapping data structure is queried to instantly locate and obtain the corresponding target parameter group data. Specifically, in this embodiment, firstly, the outer mapping is queried using the first dimension parameter value as the key to obtain the corresponding inner mapping. Then, the inner mapping is queried again using the second dimension parameter value as the key. This two-time hash lookup process is extremely efficient (time complexity O(1)) and can instantly locate the unique target parameter group data object. The target parameter group data is filled into the predefined template of the parameter display area to complete the dynamic refresh of the content. At the same time, the currently selected intersection control and the corresponding X-axis and Y-axis labels are highlighted. Specifically, in this embodiment, dynamically refreshing all its content includes removing any previously displayed parameter group information and filling each field in the target parameter group (such as name, price, specification details, etc.) into the corresponding position on the interface. This process completely replaces the traditional pagination switching, and the user perceives seamless and instant updates of the content in the same area.

[0035] Preferably, in step S4, highlighting the controls and labels includes: The visual style of the currently selected intersection control is changed to distinguish it from the unselected intersection control. Specifically, in this embodiment, the currently selected intersection control is highlighted by darkening the color, adding a border, enlarging, etc., so that it stands out in the grid. At the same time, the visual style of the Y-axis label in the same row and the X-axis label in the same column as the selected intersection control in the two-dimensional chart is changed to form a T-shaped highlighted area to assist the user in visual positioning. Specifically, in this embodiment, if there is a previously selected intersection, it is restored to its normal state.

[0036] Step S4 is where the value of the entire solution is realized. Through efficient mapping queries and dynamic interface updates, a precise and fast parameter switching experience is achieved. The traditional linear search-switching mode is optimized into a direct location-refresh mode, which greatly improves the efficiency and experience for users when browsing a large number of grouped parameters.

[0037] Preferably, the parameter display area always exists during application operation and only displays the data of one parameter group, replacing the traditional multi-page switching display mode by dynamically refreshing the content.

[0038] Please see Figure 2As shown, the traditional approach uses multiple tabs for pagination based on size. When the number of parameter groups is large, the number of tabs becomes very large. Users need to scroll horizontally or struggle to find the target page in the drop-down menu. When viewing a page, it is difficult to intuitively perceive its relationship with other pages, lacking an overall overview. When comparing different parameter groups, it is necessary to switch back and forth between tabs, which can easily lead to visual fatigue and memory confusion.

[0039] Please see Figure 3 As shown, this embodiment always displays a single tab. A two-dimensional image is generated on the left based on the size. When the user clicks on different intersections in the two-dimensional image, the content within the area is dynamically and partially refreshed on the right, rather than jumping to a new page. This means that only the specific content such as text and images within the area changes, while the framework, style, and position of the area itself remain unchanged. This refresh is usually instantaneous, and thanks to the previously constructed efficient data structure, data retrieval and population have almost no delay.

[0040] Second Embodiment Based on the same concept, the present invention also provides a system for rapid parameter switching using a two-dimensional graph, comprising: The data acquisition module is used to acquire all parameter group data from the data source after the application system is initialized, wherein each parameter group data contains at least the first dimension parameter value and the second dimension parameter value. The data structure construction module is used to construct a two-dimensional mapping data structure based on the complete parameter group data. The structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data. The user interface rendering module is used to generate and render a user interface based on the two-dimensional mapping data structure. The user interface includes a two-dimensional chart area and a parameter display area. The X-axis labels of the two-dimensional chart area are all unique first-dimensional parameter values, and the Y-axis labels are all unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection points based on the two-dimensional mapping data structure. The interaction processing module is used to respond to the user's selection operation on the intersection control during system operation, query the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the control, obtain the target parameter group data, and dynamically update the content of the parameter display area to display the target parameter group data.

[0041] Third Embodiment Based on the same concept, the present invention also provides a storage medium storing computer-readable instructions, which, when executed by one or more processors, cause the one or more processors to perform the function of the method for fast parameter switching using a two-dimensional graph in the first embodiment of the present invention.

[0042] It is understood that, for the aforementioned methods of rapidly switching parameters using two-dimensional diagrams, if all are implemented as software functional modules and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this invention, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer server or a network device, etc.) to execute all or part of the steps of the methods of the various embodiments of this invention. The aforementioned storage medium includes: USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, optical disks, and other media capable of storing program code.

[0043] Computer-readable storage media may include data signals propagated in baseband or as part of a carrier wave, carrying readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable storage medium may also be any readable medium other than a readable storage medium that can transmit, propagate, or transfer a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the readable storage medium may be transmitted using any suitable medium, including but not limited to wireless, wired, optical fiber, RF, etc., or any suitable combination thereof.

[0044] The above description is merely a preferred embodiment of the present invention. The scope of protection of the present invention is not limited to the above embodiments. All technical solutions falling within the scope of the present invention's concept are within the scope of protection of the present invention. It should be noted that for those skilled in the art, any improvements and modifications made without departing from the principles of the present invention should also be considered within the scope of protection of the present invention.

Claims

1. A method for rapid parameter switching using a two-dimensional graph, characterized in that, Includes the following steps: S1: After the application system is initialized, it retrieves all parameter group data from the data source, where each parameter group data contains at least the first dimension parameter value and the second dimension parameter value. S2: Based on all the parameter group data, construct a two-dimensional mapping data structure. The two-dimensional mapping data structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data. S3: Based on the two-dimensional mapping data structure, generate and render the user interface, which includes a two-dimensional chart area and a parameter display area. The X-axis label of the two-dimensional chart area is all the unique first-dimensional parameter values, and the Y-axis label is all the unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection point based on the two-dimensional mapping data structure. S4: During system operation, in response to the user's selection operation of the intersection control, the system queries the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the intersection control, obtains the target parameter group data, and dynamically updates the content of the parameter display area to display the target parameter group data.

2. The method for rapid parameter switching using a two-dimensional graph according to claim 1, characterized in that, In step S2, the two-dimensional mapping data structure is constructed, including: Traverse all parameter group data and extract the first and second dimension parameter values ​​for each parameter group. Using the first dimension parameter value as the key, an outer mapping structure is created, and the value of the outer mapping structure is an inner mapping structure; For parameter groups with the same first-dimensional parameter value, the complete parameter group data is stored as the value in the corresponding inner mapping structure, using the second-dimensional parameter value as the key. For first-dimensional parameter values ​​and second-dimensional parameter value combinations that do not have corresponding parameter group data, no mapping relationship is established in the two-dimensional mapping data structure.

3. The method for rapid parameter switching using a two-dimensional graph according to claim 2, characterized in that, In step S3, generating and rendering the user interface further includes: Extract all unique first-dimensional parameter values ​​from the two-dimensional mapping data structure and use them as X-axis labels for horizontal rendering; Extract all unique second-dimensional parameter values ​​from all inner mapping structures of the two-dimensional mapping data structure, and use them as Y-axis labels for vertical rendering; Iterate through all combinations of X-axis and Y-axis labels. For each combination, query the two-dimensional mapping data structure and process the results.

4. The method for rapid parameter switching using a two-dimensional graph according to claim 3, characterized in that, The processing based on the query results further includes: If the corresponding parameter set data exists, a clickable intersection control will be rendered at the corresponding position in the two-dimensional chart area; If it does not exist, render a non-clickable placeholder or leave it blank.

5. The method for rapid parameter switching using a two-dimensional graph according to claim 1, characterized in that, In step S4, responding to the user's selection and updating the display includes: When a user clicks one of the intersection controls, the event handler function retrieves the first dimension parameter value and the second dimension parameter value bound to the intersection control. Using the first and second dimension parameter values ​​obtained as keys, the two-dimensional mapping data structure is queried to instantly locate and obtain the corresponding target parameter group data; The target parameter group data is filled into the predefined template of the parameter display area to complete the dynamic refresh of the content. At the same time, the currently selected intersection control and the corresponding X-axis and Y-axis labels are highlighted.

6. The method for rapid parameter switching using a two-dimensional graph according to claim 5, wherein in step S4, the controls and labels are highlighted, including: Change the visual style of the currently selected intersection control to distinguish it from the unselected intersection controls; At the same time, the visual style of the Y-axis labels in the same row and X-axis labels in the same column as the selected intersection control in the 2D chart is changed to form a T-shaped highlighted area to help users with visual positioning.

7. The method for rapid parameter switching using a two-dimensional graph according to claim 1, characterized in that, The parameter display area is always present during application operation and only displays data for one parameter group, replacing the traditional multi-page switching display mode by dynamically refreshing the content.

8. The method for rapid parameter switching using a two-dimensional graph according to claim 1, characterized in that, In step S1, all parameter group data are obtained from the data source, including: Perform initialization operations, including loading the basic framework and rendering the UI container. After initialization, a data retrieval command is automatically triggered. Based on the pre-configuration, the data source for the parameter group is determined, a request is sent to the determined data source, and upon receiving the response from the data source, The response data is initially verified. Once the verification is successful, the received raw data list is temporarily stored in a variable or application state in memory.

9. A system for rapid parameter switching using a two-dimensional graph, characterized in that, include: The data acquisition module is used to acquire all parameter group data from the data source after the application system is initialized, wherein each parameter group data contains at least the first dimension parameter value and the second dimension parameter value. The data structure construction module is used to construct a two-dimensional mapping data structure based on the complete parameter group data. The two-dimensional mapping data structure uses the first dimension parameter value as the first-level key and the second dimension parameter value as the second-level key, and uniquely maps the combination of the first-level key and the second-level key to the corresponding complete parameter group data. The user interface rendering module is used to generate and render a user interface based on the two-dimensional mapping data structure. The user interface includes a two-dimensional chart area and a parameter display area. The X-axis labels of the two-dimensional chart area are all unique first-dimensional parameter values, and the Y-axis labels are all unique second-dimensional parameter values. An interactive intersection control is generated at the corresponding coordinate intersection points based on the two-dimensional mapping data structure. The interaction processing module is used to respond to the user's selection operation on the intersection control during system operation, query the two-dimensional mapping data structure according to the first dimension parameter value and the second dimension parameter value corresponding to the intersection control, obtain the target parameter group data, and dynamically update the content of the parameter display area to display the target parameter group data.

10. A storage medium storing computer-readable instructions, characterized in that, When the computer-readable instructions are executed by one or more processors, the one or more processors perform the steps of the method for rapid parameter switching using a two-dimensional graph as described in any one of claims 1 to 8.

Images