Data display method and server

Abstract

The application relates to the field of Fintech (Fintech), and discloses a data display method and a server. A front-end server creates a display page containing multiple configuration items; the front-end server receives target data sent by a back-end server; the back-end server is used for acquiring each index value of the multiple configuration items in a historical period; for each index value, the front-end server determines the data type of the index value, converts the index value into a display value in the display page conforming to the data type, and displays the display page with the display values of the multiple configuration items. The method has the characteristics of automatically updating the index values corresponding to the configuration items in the display page, and in the process of displaying the index values, the display values of the corresponding data types are displayed instead of the form of a line chart, so that the method also has the advantage of intuitively displaying data.

Description

Technical Field

[0001] This application relates to the field of financial technology (Fintech), and more particularly to a data display method and server. Background Technology

[0002] With the development of computer technology, more and more technologies (such as big data or cloud computing) are being applied in the financial field. The traditional financial industry is gradually transforming into financial technology. In the context of big data technology, by using display tools to show massive amounts of data, it is easier for technical personnel to discover, analyze and solve problems from the displayed data.

[0003] Currently, data is primarily displayed in tabular form using Microsoft Office Excel, and in line chart, bar chart, and pie chart formats using the Echarts add-in. However, creating tables with Excel requires significant manpower and cannot guarantee real-time data updates; that is, the data in the table needs to be manually updated after each update. Line charts created with Echarts can only show the trend of the data and cannot provide a very intuitive view of the precise value at any given point.

[0004] Therefore, existing data display methods have the drawbacks of not being able to automatically update data and displaying data that is not intuitive enough. Summary of the Invention

[0005] This application provides a data display method and server to enable data to be automatically displayed after being updated, and to be displayed intuitively in the form of numerical values.

[0006] In a first aspect, embodiments of this application provide a data display method, the method comprising: a front-end server creating a display page containing multiple configuration items; the front-end server receiving target data sent by a back-end server; the back-end server obtaining the indicator values ​​of the multiple configuration items in a historical period; for each indicator value, the front-end server determining the data type of the indicator value, converting the indicator value into a display value in the display page that conforms to the data type; and the front-end server displaying the display page having the display values ​​of the multiple configuration items.

[0007] Based on this scheme, the front-end server creates display pages for multiple configuration items. The data populated into these display pages is sent by the back-end server. The front-end server then converts the historical metric values ​​of each configuration item sent by the back-end server into corresponding data types and displays them on the display pages. This method features automatic updates to the metric values ​​corresponding to each configuration item on the display pages. Furthermore, because the metric values ​​are displayed by converting them to corresponding data types rather than using line charts or other similar formats, this method also offers the advantage of providing a more intuitive data presentation.

[0008] In one possible implementation, the front-end server creates a display page containing multiple configuration items, including: the front-end server creating a rendering object; and the front-end server rendering the multiple configuration items into entries in the header of the display page using the rendering object.

[0009] Based on this scheme, when creating a display page containing multiple configuration items on the front-end server, a rendering object can be created first. Then, the multiple configuration items can be rendered into entries in the header of the display page through the rendering object. In this way, the indicator values ​​can be input based on these entries.

[0010] In one possible implementation method, the front-end server receives target data sent by the back-end server, including: the front-end server obtains the target data corresponding to the index identifier from the back-end server through the index identifier corresponding to each configuration item.

[0011] Based on this scheme, the front-end server can obtain the target data (metric values) of each configuration item in the historical period by using the index identifier corresponding to each configuration item. This method establishes index identifiers for both the front-end and back-end servers under the same configuration item, allowing the front-end server to systematically input the target data sent by the back-end server into the display page for presentation based on the configuration item's index identifier.

[0012] In one possible implementation method, the front-end server displays a display page with display values ​​of the plurality of configuration items, including: the front-end server determining the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the front-end server sequentially sorting the corresponding display rows in order of the time dimension being furthest from the current time; the front-end server determining the display value of each configuration item in each display row one by one, starting from the bottom display row.

[0013] Based on this scheme, during the process of the front-end server displaying the values ​​of each configuration item on the display page, the number of rows to be displayed can first be determined based on the number of time dimensions. Then, the target data is entered one by one into the corresponding display rows according to the distance from the current time, from farthest to closest. This ensures that no data is missing during the display process. Moreover, the input process starts from the bottom display row and proceeds one by one. When new time dimension target data enters the front-end server later, the front-end server can automatically display the new target data directly based on the current target data display. That is, the new target data is displayed starting from the next row after the bottom display row on the current display page, following the same data display logic as this application. Therefore, this display method is more in line with the logic of data display.

[0014] In one possible implementation method, the plurality of configuration items includes configuration items with a time dimension; the front-end server, starting from the bottom display row, determines the display value of each configuration item in each display row one by one, including: after determining that there are N configuration items with a time dimension in the i-th display row, determining the difference M between the time dimension of the i-th display row and the time dimension of the (i-1)-th display row; based on the difference M, determining that the number of configuration items with a time dimension in the (i-1)-th row is N+M; and determining the display value of the index value of the first N+M configuration items with a time dimension in the (i-1)-th row.

[0015] Based on this scheme, in the process of the front-end server displaying the display value on the display page, in order to accurately display some real data that has already occurred, the front-end server automatically ignores the display of some simulated data (not real data) sent by the back-end server. Therefore, after determining that the number of configuration items with the time dimension in the i-th display row is N, when determining the data of the configuration items in an adjacent display row (i.e., i-1), the front-end server determines the difference (i.e., M) between the adjacent display row (i-1) and the i-th display row in the time dimension. Thus, in the process of displaying the display value corresponding to the configuration item in the adjacent display row (i.e., i-1), it can display the data based on the data of the first N+M configuration items, and automatically ignore the display of the data of other configuration items, thereby ensuring the accuracy of the data update process.

[0016] In one possible implementation method, for the same configuration item, the extreme values ​​of the indicator values ​​of the configuration item are determined; the indicator values ​​are divided equally according to the extreme values ​​to determine the indicator intervals; the area where the display value is located is filled with the color corresponding to the indicator interval according to the indicator interval corresponding to the display value; each indicator interval corresponds to a different color.

[0017] Based on this scheme, in order to highlight the magnitude of each displayed value, the front-end server can use different colors to identify different index ranges when displaying the corresponding index values. This helps data analysts obtain data for a specific index value and improves the efficiency of data analysis.

[0018] Secondly, this application provides a server comprising: a creation unit for creating a display page containing multiple configuration items; a receiving unit for receiving target data sent by a backend server; the backend server for obtaining the indicator values ​​of the multiple configuration items in a historical period; a determination unit for determining the data type of each indicator value and converting the indicator value into a display value in the display page that conforms to the data type; and a display unit for displaying the display page having the display values ​​of the multiple configuration items.

[0019] In this approach, the server creates multiple display pages for configuration items. The data populated into these pages is sent from a backend server. The server then converts the historical metric values ​​for each configuration item sent by the backend server into corresponding data types and displays them on the display pages. This method features automatic updates to the metric values ​​for each configuration item on the display pages. Furthermore, because the metric values ​​are displayed by converting them to their corresponding data types rather than using line charts or similar formats, this method also offers the advantage of providing a more intuitive data presentation.

[0020] In one possible implementation, the creation unit is specifically used to: create a rendering object; and render the plurality of configuration items as entries in the header of the display page using the rendering object.

[0021] Based on this scheme, when creating a display page containing multiple configuration items on the server, a rendering object can be created first. Then, the multiple configuration items can be rendered into entries in the header of the display page through the rendering object. In this way, the indicator values ​​can be input based on these entries.

[0022] In one possible implementation, the receiving unit is specifically used to: obtain the target data corresponding to the index identifier from the backend server through the index identifier corresponding to each configuration item.

[0023] Based on this scheme, the server can obtain the target data (metric values) of each configuration item in a historical period by using the index identifier corresponding to each configuration item. This method establishes index identifiers for both the server and the backend server under the same configuration item, allowing the server to systematically input the target data sent by the backend server into the display page for presentation based on the configuration item's index identifier.

[0024] In one possible implementation method, the display unit is specifically used for: the front-end server determining the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the front-end server sorting the corresponding display rows in order of the time dimension being furthest from the current time; and the front-end server determining the display value of each configuration item in each display row one by one, starting from the bottom display row.

[0025] Based on this scheme, during the process of the server displaying the values ​​of each configuration item on the display page, the number of rows to be displayed can first be determined based on the number of time dimensions. Then, the target data is entered one by one into the corresponding display rows according to the distance from the current time, from farthest to closest. This ensures that no data is missing during the display process. Moreover, the input process starts from the bottom display row and proceeds one by one. When new target data of the time dimension enters the server later, the server can automatically display the new target data directly based on the current target data display. That is, the new target data is displayed starting from the next row after the bottom display row on the current display page, following the same data display logic as this application. Therefore, this display method is more in line with the logic of data display.

[0026] In one possible implementation, the plurality of configuration items includes configuration items with a time dimension; the display unit is specifically configured to: after determining that there are N configuration items with a time dimension in the i-th display row, determine the difference M between the time dimension of the i-th display row and the time dimension of the (i-1)-th display row; based on the difference M, determine that the number of configuration items with a time dimension in the (i-1)-th row is N+M; and determine the display value of the index value of the first N+M configuration items with a time dimension in the (i-1)-th row.

[0027] Based on this scheme, during the process of the server displaying values ​​on the display page, in order to accurately display real data that has already occurred, the server automatically ignores simulated data (not real data) sent by the backend server. Therefore, after determining that the number of configuration items with a time dimension in the i-th display row is N, when determining the data of the configuration items in an adjacent display row (i.e., i-1), the server determines the time dimension difference (i.e., M) between the adjacent display row (i-1) and the i-th display row. Thus, during the process of displaying the display value corresponding to the configuration item in the adjacent display row (i.e., i-1), the server can display the data based on the data of the first N+M configuration items, while automatically ignoring the display of data for other configuration items, thereby ensuring the accuracy of the data update process.

[0028] In one possible implementation, the display unit is further configured to: determine the extreme values ​​among the index values ​​of the same configuration item; divide the index values ​​equally according to the extreme values ​​to determine index intervals; fill the area where the display value is located with the color corresponding to the index interval according to the index interval corresponding to the display value; each index interval corresponds to a different color.

[0029] Based on this scheme, in order to highlight the magnitude of each displayed value, the server can use different colors to identify different index ranges when displaying the corresponding index values. This helps data analysts obtain data for a specific index value and improves the efficiency of data analysis.

[0030] Thirdly, embodiments of this application provide a computing device, including:

[0031] Memory, used to store program instructions;

[0032] A processor is configured to invoke program instructions stored in the memory and execute any implementation method of the first aspect according to the obtained program.

[0033] Fourthly, embodiments of this application provide a computer-readable storage medium storing computer-executable instructions for causing a computer to perform any implementation method as described in the first aspect. Attached Figure Description

[0034] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0035] Figure 1 A possible system architecture provided for embodiments of this application;

[0036] Figure 2 A data display method provided in this application embodiment;

[0037] Figure 3 This application provides a schematic diagram of a header in a display page.

[0038] Figure 4 A schematic diagram of a display page provided for an embodiment of this application;

[0039] Figure 5 A schematic diagram of another display page provided for an embodiment of this application;

[0040] Figure 6 A server provided in an embodiment of this application;

[0041] Figure 7 This is a schematic diagram of a computing device provided in an embodiment of this application. Detailed Implementation

[0042] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0043] Currently, commonly used tools for displaying data include Microsoft Office Excel and Echarts plugin. The former requires manual import of data into an Excel spreadsheet, while the latter's line chart can only show the trend of the data and cannot provide an intuitive display of accurate values.

[0044] Based on the above-mentioned technical problems, embodiments of this application provide a possible system architecture, such as... Figure 1 As shown, the architecture includes a front-end server 110 and a back-end server 120. The front-end server 110 includes a display unit, which is used to display the target data received by the front-end server 110 from the back-end server 120.

[0045] Based on the aforementioned technical problems and system architecture, embodiments of this application provide a method for data display, which can be provided by... Figure 1 The front-end server is executed as shown; such as Figure 2As shown, the method includes the following steps:

[0046] Step 201: The front-end server creates a display page containing multiple configuration items.

[0047] In this step, the front-end server can create a display page containing multiple configuration items based on an event. This event could be the aging of accounts receivable in the financial sector, the quality of liquor in the brewing industry, or other events. The display page's intuitive presentation of real-world data allows technical personnel to analyze the event's characteristics, laying a solid data foundation for developing subsequent execution plans.

[0048] Step 202: The front-end server receives the target data sent by the back-end server; the back-end server is used to obtain the indicator values ​​of the multiple configuration items in the historical period.

[0049] In this step, the front-end server can obtain the data corresponding to the multiple configuration items on the display page by receiving the target data sent by the back-end server. The target data refers to the indicator values ​​of the multiple configuration items in the historical period.

[0050] Step 203: For each metric value, the front-end server determines the data type of the metric value and converts the metric value into a display value on the display page that conforms to the data type.

[0051] In this step, due to configuration reasons, the front-end server and the back-end server may differ in their representation of the same data. That is, if the back-end server collects the metric value of a configuration item using a certain data type, the front-end server may not necessarily display the metric value using the same data type as the back-end server due to the configuration of the display page in this embodiment. Therefore, to achieve accurate representation of the metric value, the front-end server needs to convert the data type of the metric value into the display format required by the front-end server before displaying it. This required display format can refer to a data presentation format that better suits the reading habits of data analysts.

[0052] Step 204: The front-end server displays a display page with the display values ​​of the multiple configuration items.

[0053] In this step, the front-end server displays the target data that has undergone data type conversion on the display page; that is, the front-end server displays the display values ​​of each configuration item on the display page.

[0054] In this approach, the front-end server creates display pages for multiple configuration items. The data populated into these display pages is sent by the back-end server. The front-end server then converts the historical metric values ​​for each configuration item sent by the back-end server into corresponding data types and displays them on the display pages. This approach features automatic updates to the metric values ​​for each configuration item on the display pages. Furthermore, because the metric values ​​are displayed by converting them to their corresponding data types rather than using line charts or other similar formats, this approach also offers the advantage of providing a more intuitive data presentation.

[0055] The following will provide a detailed explanation of the above steps with examples.

[0056] In one implementation of step 201, the front-end server creates a display page containing multiple configuration items, including: the front-end server creates a rendering object; the front-end server renders the multiple configuration items as entries in the header of the display page using the rendering object.

[0057] For example, suppose the front-end server is used in the financial sector to display account aging. When using it to display account aging, the displayed configuration items might include: [

[0059] {Name:'Time Node',dataIndex:'TIME',valueType:'date',type:'dimension'},

[0060] {Name:'number of people',dataIndex:'ACOUNT',type:'dimension'},

[0061] {Name:'M+0',dataIndex:'M_0',valueType:'percenter',type:'indicator'},

[0062] {Name:'M+1',dataIndex:'M_1',valueType:'percenter',type:'indicator'},

[0063] {Name:'M+2',dataIndex:'M_2',valueType:'percenter',type:'indicator'},

[0064] {Name:'M+3',dataIndex:'M_3',valueType:'percenter',type:'indicator'},

[0065] {Name:'M+4',dataIndex:'M_4',valueType:'percenter',type:'indicator'} ]

[0067] For the multiple configuration items in the above account aging display process, by creating a rendering object, such as renderObject, the front-end server can render the above multiple configuration items into the various entries in the table header of the display page.

[0068] refer to Figure 3 This is a schematic diagram of a header in a display page provided in an embodiment of this application, such as in Figure 3 The table header shows multiple consecutive tables with the following contents (counting from left to right): "Time Node", "Number of People", "M+0", "M+1", "M+2", "M+3", and "M+4", totaling 7 configuration items. During the header rendering process, the configuration items are iterated through, starting from index 0 (where index 0 refers to the configuration item containing the "Time Node"). When the loop parameter i is less than the array length (here, the array length is 7, representing the total number of configuration items), the items of type "dimension" and "indicator" are categorized and the following operations are performed:

[0069] If(Array[i].type===='dimension')renderObject.dimensionArea.push(Array[i])

[0070] If(Array[i].type===='indicator')renderObject.indicatorArea.push(Array[i])

[0071] With simple configuration, the header of the display page can be rendered using HTML elements such as DIV and SPAN.

[0072] Furthermore, when the backend server collects the metric values ​​of the "Time Node" configuration item in historical periods, it collects data using identifiers such as 2020-08-31, 2020-07-31, 2020-06-30, 2020-05-31, and 2020-04-30. For example, the following data is set as the target data sent by the backend server to the frontend server: [

[0074] {"TIME":"2020-08-31","ACOUNT":100,"M_0":0.1,"M_1":0,"M_2":0,"M_3":0,"M_4":0},

[0075] {"TIME":"2020-07-31","ACOUNT":85,"M_0":0.1,"M_1":0.2,"M_2":0,"M_3":

[0076] 0,"M_4":0},

[0077] {"TIME":"2020-06-30","ACOUNT":130,"M_0":0.1,"M_1":0.2,"M_2":0.2,"M_

[0078] 3":0,"M_4":0},

[0079] {"TIME":"2020-05-31","ACOUNT":120,"M_0":0.1,"M_1":0.2,"M_2":0.2,"M_

[0080] 3":0.25,"M_4":0},

[0081] {"TIME":"2020-04-30","ACOUNT":100,"M_0":0.1,"M_1":0.2,"M_2":0.2,"M_

[0082] 3":0.25,"M_4":0.25} ]

[0084] However, when representing these months, the front-end server uses different methods to represent them. For example, "August 2020" represents 2020-08-31, "July 2020" represents 2020-07-31, "June 2020" represents 2020-06-30, "May 2020" represents 2020-05-31, and "April 2020" represents 2020-04-30. This means that the front-end and back-end servers may differ in how the same configuration item's metric value is represented.

[0085] Therefore, the representation of the indicator value of the same configuration item by the front-end server and the back-end server can be predefined and configured. For example, by creating a valueType object, the data type of the indicator value of each configuration item can be classified. For example, in the configuration content of the "time node" configuration item in the multiple configuration items of the aging event mentioned above, there is valueType: 'date', where "date" is defined and configured as "xxxx year xx month", which means that the front-end server needs to represent the time sent by the back-end server as "xxxx year xx month". For example, in the configuration content of the "M+0" configuration item in the multiple configuration items, there is valueType: 'percenter', where "percenter" is defined and configured as "indicator value * 100.toFix(2)", which means that the front-end server needs to represent the indicator value sent by the back-end server as "X.00%". If the front-end server directly inputs the indicator value sent by the back-end server on the display page, it means that there is no need to define a valueType object in the configuration item. At this time, by executing the following command, the front-end server can directly input the indicator value of the configuration item sent by the back-end server without the need for data type conversion:

[0086] valueType[Array[i].dataIndex]=Array[i].valueType||'numerical'

[0087] In one implementation of step 204 above, the front-end server displays a display page with the display values ​​of the multiple configuration items, including: the front-end server determines the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the front-end server sorts the corresponding display rows in order of the time dimension from the furthest to the nearest time; the front-end server determines the display value of each configuration item in each display row one by one, starting from the bottom display row.

[0088] For example, regarding the aforementioned requirement for the front-end server to display target data for various configuration items sent by the back-end server in different historical periods, the front-end server first determines the number of time dimensions in the target data and sets the number of display rows on the display page accordingly. This ensures that the front-end server displays the target data sent by the back-end server completely without losing any target data. For instance, if the target data sent by the back-end server to the front-end server includes the aging data for August 2020, July 2020, June 2020, May 2020, and April 2020 (these five months), the front-end server can determine that five display rows should be set below the table header on the display page. Next, the front-end server determines whether to reorder the target data. This includes: if the back-end server sent the target data to the front-end server in ascending order of proximity to the current time, as is the case in this embodiment, meaning the back-end server reorders the target data... The data is recorded and sent sequentially according to August 2020, July 2020, June 2020, May 2020, and April 2020. Therefore, the front-end server can sort the corresponding display rows in order of proximity to the current time. That is, the front-end server can fill the target data into the five display rows in the order of April 2020, May 2020, June 2020, July 2020, and August 2020. Finally, when filling the display rows with target data, the target data is displayed from the bottom row upwards. For example, first, the data for August 2020 is entered in the bottom row, i.e., the 5th display row; then, the data for July 2020 is entered in the 4th display row, and so on, until the data for April 2020 is entered in the 1st display row.

[0089] It should be noted that if the backend server sends the target data to the frontend server in a way that is from the furthest point in time to the nearest point in time, then there is no need to re-sort the target data. Instead, the number of display rows can be determined directly based on the number of time dimensions, so the target data can be directly entered on the display page.

[0090] like Figure 4 The image shown is a schematic diagram of a display page provided in an embodiment of this application, wherein... Figure 4 It is the display result of the target data sent by the front-end server to the back-end server, where, Figure 4 This is achieved in the following way:

[0091] First, the time dimension is reordered in ascending order to ensure the data is sorted from oldest to newest. Then, the received target data is traversed, starting from index 0 (where index 0 refers to the index values ​​of each indicator in the row where the sorted "time node" is August 2020). When the loop parameter i is less than the array length (here, the array length is 5, which represents the index values ​​for each month of the 5 months from April 2020 to August 2020), the index values ​​in the received target data can be formatted according to the configured specified data type. Specifically, the following operations can be performed: the key value in each data entry is obtained through Object.keys(Array[i]), and the data type corresponding to the key value is obtained through valueType[key], and formatting is performed for different types. Finally, the display values ​​obtained through formatting are filled into the display cells of the display row.

[0092] In some embodiments of this application, the plurality of configuration items includes configuration items with a time dimension; the front-end server determines the display value of each configuration item in each display row one by one, starting from the bottom display row, including: after determining that there are N configuration items with a time dimension in the i-th display row, determining the difference M between the time dimension of the i-th display row and the time dimension of the (i-1)-th display row; based on the difference M, determining that the number of configuration items with a time dimension in the (i-1)-th row is N+M; and determining the display value of the index value of the first N+M configuration items with a time dimension in the (i-1)-th row.

[0093] For example, if the backend server is sending target data to the frontend server and there are missing values ​​for certain time periods, in order to accurately fill in the display row with the actual data from the target data, and avoid filling in the display row with data from the target data that did not actually occur, this application proposes the following solution.

[0094] At this point, suppose the target data sent by the backend server to the frontend server includes: [

[0096] {"TIME":"2020-08-31","ACOUNT":100,"M_0":0.1,"M_1":0,"M_2":0,"M_3":0,"M_4":0},

[0097] {"TIME":"2020-07-31","ACOUNT":85,"M_0":0.1,"M_1":0.2,"M_2":0,"M_3":

[0098] 0,"M_4":0},

[0099] {"TIME":"2020-05-31","ACOUNT":120,"M_0":0.1,"M_1":0.2,"M_2":0.2,"M_

[0100] 3":0.25,"M_4":0},

[0101] {"TIME":"2020-04-30","ACOUNT":100,"M_0":0.1,"M_1":0.2,"M_2":0.2,"M_

[0102] 3":0.25,"M_4":0.25} ]

[0104] In other words, compared to the target data in the previous example, the target data received by the front-end server at this time lacks the indicator values ​​for June 2020. Therefore, when the front-end server inputs the target data received this time into the display rows on the display page, it can determine that four display rows need to be configured, and the received target data is reordered according to the rule of being furthest from the current time in advance. That is, the bottom row of the display rows, i.e., the fourth display row, will input the data for August 2020; the third display row will input the data for July 2020; the second display row will input the data for May 2020; and the first display row will input the data for April 2020.

[0105] like Figure 5 The image shown is a schematic diagram of another display page provided in an embodiment of this application. Figure 5 and Figure 4 The difference lies in the fact that the former's target data lacks the indicator values ​​for June 2020. Specifically, the target data obtained is based on the aforementioned target data that lacks the indicator values ​​for June 2020. Figure 5 The logic can be expressed as follows:

[0106] When inputting August 2020 data into the fourth display row, it was determined that only the indicator value corresponding to the "M+0" configuration item was valid. Therefore, the 0.1 indicated by "M_0" was converted to 10.00% and filled into the display cell corresponding to the "M+0" configuration item. The indicator values ​​corresponding to the "M+1", "M+2", "M+3", and "M+4" configuration items were determined to be invalid values, which are the backend server's predicted values ​​for the account aging in September, October, November, and December 2020. In order to avoid interference from some invalid data, only 10.00% needs to be entered in the display cell corresponding to the "M+0" configuration item in the fourth display row of the display page, and the indicator values ​​of the "M+1", "M+2", "M+3", and "M+4" configuration items are automatically ignored.

[0107] Next, when filling the July 2020 data from the target data into the third display row, it was calculated that there is a one-month difference between July 2020 and August 2020. Therefore, when filling the indicator value of July 2020 from the target data into the third display row, it can be determined that the display cell of the display row containing July 2020 should be increased by 1 compared to August 2020. That is, for the third display row, the display cell corresponding to the "M+0" configuration item is used to display the indicator value of July 2020, such as 10.00%, and the display cell corresponding to the "M+1" configuration item is used to display the indicator value of August 2020, such as 20.00%, while ignoring the display of the indicator values ​​of the "M+2", "M+3", and "M+4" configuration items.

[0108] For example, when filling the May 2020 data from the target data into the second display row, it is calculated that there is a three-month difference between May 2020 and August 2020. Therefore, when filling the indicator value of May 2020 from the target data into the second display row, it can be determined that the display cell for May 2020 should be increased by three compared to August 2020. That is, for the second display row, the display cell corresponding to the "M+0" configuration item is used to display the 2020 data. The indicator value for May 2020 is displayed as 10.00%. The corresponding display cell under the "M+1" configuration item is used to display the indicator value for June 2020, such as 20.00%. The corresponding display cell under the "M+2" configuration item is used to display the indicator value for July 2020, such as 20.00%. The corresponding display cell under the "M+3" configuration item is used to display the indicator value for August 2020, such as 25.00%. The indicator value for the "M+4" configuration item is ignored.

[0109] The example of filling the April 2020 data from the target data into the first display row will not be explained in detail.

[0110] In some embodiments of this application, for the same configuration item, the extreme values ​​of the indicator values ​​of the configuration item are determined; the indicator values ​​are divided equally according to the extreme values ​​to determine the indicator intervals; the area where the display value is located is filled with the color corresponding to the indicator interval according to the indicator interval corresponding to the display value; each indicator interval corresponds to a different color.

[0111] In the process of displaying target data on the display page by the front-end server, in order to fully represent the magnitude of each indicator value and facilitate technicians to find the characteristics of the data, this embodiment of the application first determines the extreme value of the indicator value of the target data when displaying the indicator value, and then divides the extreme value into equal parts to form the indicator range. Different indicator ranges are predefined to correspond to different colors. For example, different highlight levels are used for the same color to correspond to different indicator ranges. Thus, when the indicator value is input into the display cell, the display cell where the indicator value is located is filled with the color corresponding to the indicator value.

[0112] As mentioned above Figure 4 The lower right area represents the result of dividing the extreme values ​​of the indicator values ​​in the target data, thus... Figure 4 When displaying indicator values ​​in the display row, the display cell containing the indicator value can be filled according to the correspondence between the indicator range in the lower right corner and the display color. Figure 5 and Figure 4 Similarly, I won't elaborate further.

[0113] Based on the same concept, embodiments of this application provide a server, such as... Figure 6 As shown, the server includes:

[0114] Create unit 601 to create a display page containing multiple configuration items.

[0115] The receiving unit 602 is used to receive target data sent by the backend server; the backend server is used to obtain the index values ​​of the multiple configuration items in the historical period.

[0116] The determining unit 603 is used to determine the data type of each indicator value and convert the indicator value into a display value that conforms to the data type in the display page.

[0117] Display unit 604 is used to display a display page with display values ​​of the plurality of configuration items.

[0118] Furthermore, for this server, the creation unit 601 is specifically used to: create a rendering object; and render the plurality of configuration items as entries in the header of the display page through the rendering object.

[0119] Furthermore, for the server, the receiving unit 602 is specifically used to: obtain the target data corresponding to the index identifier from the backend server through the index identifier corresponding to each configuration item.

[0120] Furthermore, for this server, the display unit 604 is specifically used for: the front-end server determining the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the front-end server sorting the corresponding display rows in order of the time dimension from the farthest to the nearest time; the front-end server determining the display value of each configuration item in each display row one by one, starting from the bottom display row.

[0121] Furthermore, for this server, the plurality of configuration items include configuration items with a time dimension; the display unit 604 is specifically used for: after determining that there are N configuration items with a time dimension in the i-th display row, determining the difference M between the time dimension of the i-th display row and the time dimension of the (i-1)-th display row; based on the difference M, determining that the number of configuration items with a time dimension in the (i-1)-th row is N+M; and determining the display value of the index value of the first N+M configuration items with a time dimension in the (i-1)-th row.

[0122] Furthermore, for this server, the display unit 604 is also used to: determine the extreme value among the indicator values ​​of the same configuration item; divide the indicator value equally according to the extreme value to determine the indicator interval; fill the area where the display value is located with the color corresponding to the indicator interval according to the indicator interval corresponding to the display value; each indicator interval corresponds to a different color.

[0123] This application also provides a computing device, which may specifically be a desktop computer, portable computer, smartphone, tablet computer, personal digital assistant (PDA), etc. The computing device may include a central processing unit (CPU), memory, input / output devices, etc. Input devices may include a keyboard, mouse, touchscreen, etc., and output devices may include display devices, such as liquid crystal displays (LCDs) and cathode ray tubes (CRTs).

[0124] The memory may include read-only memory (ROM) and random access memory (RAM), and provides the processor with program instructions and data stored in the memory. In the embodiments of this application, the memory may be used to store program instructions for a word data display method;

[0125] The processor is used to call program instructions stored in the memory and execute the data display method according to the obtained program.

[0126] like Figure 7 The diagram shown is a schematic representation of a computing device provided in an embodiment of this application. The computing device includes:

[0127] The processor 701, memory 702, transceiver 703, and bus interface 704 are included; wherein the processor 701, memory 702, and transceiver 703 are connected via bus 705.

[0128] The processor 701 is used to read the program in the memory 702 and execute the above data display method;

[0129] Processor 701 can be a central processing unit (CPU), a network processor (NP), or a combination of a CPU and an NP. It can also be a hardware chip. The aforementioned hardware chip can be an application-specific integrated circuit (ASIC), a programmable logic device (PLD), or a combination thereof. The aforementioned PLD can be a complex programmable logic device (CPLD), a field-programmable gate array (FPGA), a generic array logic (GAL), or any combination thereof.

[0130] The memory 702 is used to store one or more executable programs and can store data used by the processor 701 when performing operations.

[0131] Specifically, the program may include program code, which includes computer operation instructions. Memory 702 may include volatile memory, such as random-access memory (RAM); memory 702 may also include non-volatile memory, such as flash memory, hard disk drive (HDD), or solid-state drive (SSD); memory 702 may also include combinations of the above types of memory.

[0132] Memory 702 stores the following elements: executable modules or data structures, or subsets thereof, or extended sets thereof:

[0133] Operation instructions: This includes various operation instructions used to perform various operations.

[0134] Operating system: includes various system programs used to implement various basic business functions and handle hardware-based tasks.

[0135] The 705 bus can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. Buses can be divided into address buses, data buses, control buses, etc. For ease of representation, Figure 7 The bus is represented by a single thick line, but this does not mean that there is only one bus or one type of bus.

[0136] The bus interface 704 can be a wired communication interface, a wireless bus interface, or a combination thereof. The wired bus interface can be, for example, an Ethernet interface. The Ethernet interface can be an optical interface, an electrical interface, or a combination thereof. The wireless bus interface can be a WLAN interface.

[0137] This application also provides a computer-readable storage medium storing computer-executable instructions for causing a computer to perform a data display method.

[0138] Those skilled in the art will understand that embodiments of this application can be provided as methods or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0139] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations 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, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0140] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0141] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0142] Although preferred embodiments of this application have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments as well as all changes and modifications falling within the scope of this application.

[0143] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the spirit and scope of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A data display method, characterized in that, include: The front-end server creates a display page containing multiple configuration items, including a configuration item with a time dimension. The front-end server receives the target data sent by the back-end server; The backend server is used to obtain the indicator values ​​of the multiple configuration items in the historical period; For each metric value, the front-end server determines the data type of the metric value and converts the metric value into a display value that conforms to the data type on the display page; When new target data in the time dimension arrives, the new target data will be displayed starting from the next row after the bottom row. The front-end server determines the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the front-end server sorts the corresponding display rows in order of the time dimension from the furthest to the nearest time; the front-end server determines the display value of each configuration item in each display row one by one, starting from the bottom display row; The front-end server starts from the bottom row and determines the display value of each configuration item in each row, including: after determining that there are N configuration items with the time dimension in the i-th row, determining the difference M between the time dimension of the i-th row and the time dimension of the (i-1)-th row; and based on the difference M, determining that the number of configuration items with the time dimension in the (i-1)-th row is N+M. Determine the display values ​​of the first N+M configuration items with a time dimension in the (i-1)th row.

2. The method as described in claim 1, characterized in that, The front-end server creates a display page containing multiple configuration items, including: The front-end server creates the rendering object; The front-end server uses the rendering object to render the multiple configuration items into entries in the header of the display page.

3. The method as described in claim 1, characterized in that... The front-end server receives target data sent by the back-end server, including: The front-end server obtains the target data corresponding to the index identifier from the back-end server through the index identifier corresponding to each configuration item.

4. The method as described in claim 1, characterized in that, The method further includes: For the same configuration item, determine the extreme value among the index values ​​of the configuration item; The index value is divided into equal parts based on the extreme values ​​to determine the index interval; According to the indicator range corresponding to the displayed value, the area where the displayed value is located is filled with the color corresponding to the indicator range; each indicator range corresponds to a different color.

5. A server, characterized in that, include: A creation unit is used to create a display page containing multiple configuration items, including configuration items with a time dimension; The receiving unit is used to receive target data sent by the backend server; The backend server is used to obtain the values ​​of each indicator of the multiple configuration items in a historical period; The determining unit is used to determine the data type of each indicator value, convert the indicator value into a display value that conforms to the data type in the display page, and display the new target data starting from the next row after the bottom of the display row when new target data in the time dimension enters. The display unit is used to determine the number of display rows according to the number of time dimensions in the target data; each time dimension corresponds to one display row; the corresponding display rows are sorted in order of the time dimension from the farthest to the nearest time; starting from the bottom display row, the display values ​​of each configuration item in each display row are determined one by one; The display unit is specifically used for: after determining that there are N configuration items with a time dimension in the i-th display row, determining the difference M between the time dimension of the i-th display row and the time dimension of the (i-1)-th display row; and determining that the number of configuration items with a time dimension in the (i-1)-th row is N+M based on the difference M. Determine the display values ​​of the first N+M configuration items with a time dimension in the (i-1)th row.

6. The server as described in claim 5, characterized in that, The creation unit is specifically used for: Create a rendering object; The rendering object is used to render the multiple configuration items into entries in the header of the display page.

7. A computer device, characterized in that, include: Memory, used to store computer programs; A processor is configured to invoke a computer program stored in the memory and execute the method as described in any one of claims 1-4 according to the obtained program.

8. A computer-readable storage medium, characterized in that, The storage medium stores a program that, when run on a computer, causes the computer to perform the method as described in any one of claims 1-4.

Images