Visual chart updating method and device, electronic equipment and storage medium

Abstract

The embodiment of the invention provides a visual chart updating method and device, electronic equipment and a storage medium, and belongs to the technical field of financial science and technology. The method comprises the following steps: acquiring an original visual chart of an original sliding component of which report data is provided with a configuration label; obtaining historical query time information of the report data, and performing label configuration on the original sliding component according to the historical query time information to obtain a preliminary sliding component; performing color configuration on the preliminary sliding component according to the color configuration parameter to obtain a candidate sliding component; wherein the candidate sliding component comprises a historical interval label; obtaining mark style information of the current query interval; performing label attribute configuration on the candidate sliding component according to the mark style information, the color configuration parameter and the historical interval label to obtain a target sliding component; and updating the original visual chart according to the target sliding component to obtain a target visual chart. According to the embodiment of the invention, multiple data query or export operations of the visual chart can be simplified.

Description

Technical Field

[0001] The present application relates to the field of financial technology, and in particular to a method and device for updating a visual chart, an electronic device, and a storage medium. Background Art

[0002] In the field of financial technology, there is a large amount of financial data, such as insurance policy data, financial product sales data, etc. In order to view the financial data of different time periods more intuitively, visual charts will be set up to display the data.

[0003] In the related art, a sliding input axis is set on the visual chart, and the data time period selection of the visual chart is realized by sliding the input axis. However, the sliding input axis only displays the currently selected time period, and the historically selected time period cannot be viewed. If the user needs to view or export data of different time periods through the visual chart, the historically selected time period needs to be recorded after each query to prevent repeated query or export. However, recording the selected time period multiple times will increase the operation steps and affect the efficiency of data query or export on the visual chart. Therefore, how to simplify the data query or export operation of different time periods on the visual chart has become a technical problem that needs to be solved urgently. Summary of the invention

[0004] The main purpose of the embodiments of the present application is to propose a visual chart updating method and device, an electronic device and a storage medium, aiming to simplify the data query or export operation of different time periods on the visual chart.

[0005] To achieve the above-mentioned purpose, a first aspect of an embodiment of the present application proposes a method for updating a visual chart, the method comprising: Obtaining an original visualization chart of the report data; wherein the original visualization chart is provided with an original sliding component for configuring a label, and the original sliding component is used to set a sliding mark according to a current query interval; Acquire historical query time information of the report data, and perform label configuration on the original sliding component according to the historical query time information to obtain a preliminary sliding component; Performing color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; Obtaining the marking style information of the current query interval; Perform label attribute configuration on the candidate sliding component according to the mark style information, the color configuration parameter and the historical interval label to obtain a target sliding component; The original visualization chart is updated according to the target sliding component to obtain a target visualization chart.

[0006] In some embodiments, the acquiring of the historical query time information of the report data and label configuration of the original sliding component according to the historical query time information to obtain a preliminary sliding component includes: Obtaining historical query time information of the report data; Performing interval selection on the original sliding component according to the historical query time information to obtain a historical query interval; wherein the historical query interval includes: a historical query start node and a historical query end node; Setting a label for the historical query starting node to obtain a historical query starting point label; Setting a label for the historical query termination node to obtain a historical query endpoint label; The original sliding component is labeled according to the historical query starting point label and the historical query end point label to obtain the preliminary sliding component.

[0007] In some embodiments, performing color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component includes: Dividing the preliminary sliding component into intervals to obtain the historical query interval and the non-historical query interval; wherein the non-historical query interval is an interval other than the historical query interval on the preliminary sliding component; According to the color configuration parameters, the historical query interval and the non-historical query interval, the preset original cascading style sheet is configured with color attribute parameters to obtain a target cascading style sheet; wherein the target cascading style sheet is used to set the colors of the historical query interval and the non-historical query interval; The preliminary sliding component is rendered in color using the target cascading style sheet to obtain the candidate sliding component.

[0008] In some embodiments, the color configuration parameters include: a first color parameter and a second color parameter, the first color parameter is different from the color of the current query interval, and the second color parameter is the same as the background color of the original visualization chart; configuring the color attribute parameters of the preset original cascading style sheet according to the color configuration parameters, the historical query interval, and the non-historical query interval to obtain a target cascading style sheet includes: Calculating the historical query interval ratio to obtain the historical query interval ratio. Calculating the interval ratio of the non-historical query interval to obtain the non-historical interval ratio; The target cascading style sheet is obtained by configuring color attribute parameters of the original cascading style sheet according to the first color parameter, the second color parameter, the historical interval ratio, and the non-historical interval ratio.

[0009] In some embodiments, configuring label attributes of the candidate sliding component according to the marking style information, the color configuration parameter, and the historical interval label to obtain a target sliding component includes: Setting the style of the historical interval label according to the marking style information to obtain a candidate interval label; Performing color configuration on the candidate interval label according to the color configuration parameter to obtain an updated interval label; The candidate sliding component is subjected to label replacement processing according to the update interval label to obtain the target sliding component.

[0010] In some embodiments, obtaining the original visualization chart of the report data includes: Obtaining a current visualization chart of the report data; Filtering the original sliding component from preset candidate sliding components; The current visualization chart is configured with components according to the original sliding components to obtain the original visualization chart.

[0011] In some embodiments, obtaining the historical query time information of the report data includes: Obtaining historical query period information and time selection instructions for the report data; The historical query time period information is time-selected according to the time selection instruction to obtain the historical query time information.

[0012] To achieve the above-mentioned purpose, a second aspect of an embodiment of the present application provides a visual chart updating device, the device comprising: A data acquisition module, used to acquire an original visualization chart of report data; wherein the original visualization chart is provided with an original sliding component with a configuration label, and the original sliding component is used to set a sliding mark according to a current query interval; A label configuration module, used for obtaining the historical query time information of the report data, and performing label configuration on the original sliding component according to the historical query time information to obtain a preliminary sliding component; A color configuration module, configured to perform color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; An information acquisition module, used to acquire the marking style information of the current query interval; A label attribute configuration module, configured to configure the label attributes of the candidate sliding component according to the marking style information, the color configuration parameters and the historical interval label to obtain a target sliding component; The chart updating module is used to update the original visual chart according to the target sliding component to obtain a target visual chart.

[0013] To achieve the above objectives, a third aspect of an embodiment of the present application proposes an electronic device, which includes a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the method described in the first aspect is implemented.

[0014] To achieve the above-mentioned purpose, the fourth aspect of an embodiment of the present application proposes a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the method described in the first aspect is implemented.

[0015] The visual chart updating method and device, electronic device and storage medium proposed in the present application obtain the historical interval label by setting the label corresponding to the historical query time information on the sliding component of the original visual chart, and then partitioning the color configuration of the sliding component according to the color configuration parameters and the historical interval label. Then, the color and style of the historical interval label on the sliding component are configured based on the mark style information and color configuration parameters of the sliding mark to obtain a target sliding component with a label that identifies the historical query time information and has the same style as the current query interval. Therefore, the original visual chart is updated based on the target sliding component to realize that the visual chart adds a label of the historical query time information on the basis of the marked current query interval. The user can adjust the current query interval based on the mark of the historical query time information on the visual chart, so that when querying or exporting report data of different time periods, there is no need to record the queried time period every time, which can simplify the query or export operation of report data of different time periods and improve the query or export efficiency of report data of different time periods. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 It is a structural diagram of a sliding component provided by a visual chart in a visual chart updating method provided in an embodiment of the present application; Figure 2 is a flowchart of a visual chart updating method provided in an embodiment of the present application; Figure 3 yes Figure 2 Flow chart of step S201 in FIG. FIG. 4 (a) is a schematic diagram of a basic sliding component in a visual chart updating method provided in an embodiment of the present application; FIG4( b ) is a schematic diagram of a sliding component with a label in a visual chart updating method provided in an embodiment of the present application; Figure 5 yes Figure 2 Flow chart of step S202 in FIG. Figure 6 It is a schematic diagram of configuring label attributes of an original sliding component in a visual chart updating method provided in an embodiment of the present application; Figure 7 yes Figure 5 Flow chart of step S501 in FIG. Figure 8 yes Figure 2 Flow chart of step S203 in FIG. Fig. 9 yes Figure 8 Flowchart of step S802 in FIG. FIG. 10 ( a ) is a schematic diagram of color rendering corresponding to setting color attribute parameters in a visual chart updating method provided in an embodiment of the present application; FIG10( b ) is a schematic diagram of another color rendering corresponding to setting color attribute parameters in the visual chart updating method provided in an embodiment of the present application; Fig.11 yes Figure 2 Flow chart of step S205 in FIG. Fig.12 It is a schematic diagram of changing an original sliding component into a target sliding component in the visual chart updating method provided in an embodiment of the present application; Fig.13 It is a structural schematic diagram of a visual chart updating device provided in an embodiment of the present application; Fig.14 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application; Fig.15 It is a schematic diagram of a target visualization chart in the visualization chart updating method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0017] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0018] It should be noted that, although the functional modules are divided in the device schematic diagram and the logical order is shown in the flowchart, in some cases, the steps shown or described may be performed in a different order than the module division in the device or the order in the flowchart. The terms "first", "second", etc. in the specification, claims and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence.

[0019] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0020] First, some nouns involved in this application are analyzed: Artificial intelligence (AI) is a new technical science that studies and develops theories, methods, technologies and application systems for simulating, extending and expanding human intelligence. AI is a branch of computer science that attempts to understand the essence of intelligence and produce a new type of intelligent machine that can respond in a similar way to human intelligence. Research in this field includes robotics, speech recognition, image recognition, natural language processing and expert systems. AI can simulate the information process of human consciousness and thinking. AI is also a theory, method, technology and application system that uses digital computers or machines controlled by digital computers to simulate, extend and expand human intelligence, perceive the environment, acquire knowledge and use knowledge to obtain the best results.

[0021] Visualization: covers various types of graphs and images used to present data and information, making it easier to understand and analyze.

[0022] Slider component: It is a sliding bar or slider that allows users to select a value or choose from a set of options by dragging a handle (slider). Slider components are very common in various applications, such as adjusting volume, selecting dates, range selection, etc.

[0023] Cascading Style Sheets (CSS): is a language used to describe the style of web page elements, allowing developers to control the layout, color, fonts and other visual features of a web page.

[0024] linear-gradient: is a property in Cascading Style Sheets that is used to create a linear gradient effect that can be applied to properties such as the background or border of a web element. This property allows you to define the direction and color changes of the gradient.

[0025] In the field of financial technology, a large amount of financial data is generated, such as financial product sales data, financial product browsing data, insurance policy data, etc. In order to more intuitively view the financial data of different time periods and conduct financial data analysis, visual charts will be set up to display the data.

[0026] In the related art, a visual chart has its own sliding component, which provides users with data time period selection through the sliding component to realize interactive operations of the visual chart data. However, the sliding component only displays the currently selected time period. If the user needs to query or export data of different time periods through the visual chart, each time a time period is selected, it is necessary to record and then continue to query the data of the next time period, which will increase the operation steps of data query or export on the visual chart and affect the efficiency of data query or export of the visual chart. Therefore, how to simplify the operation of data query or export of different time periods on the visual chart and improve the efficiency of data query and export of the visual chart has become a technical problem that needs to be solved urgently.

[0027] Based on this, the embodiments of the present application provide a visual chart updating method and device, an electronic device and a storage medium, which are intended to set labels corresponding to historical query time information on the sliding component of the visual chart, so that each time period selection can be selected based on the label of the historical query time information, without the need to manually record the historically selected time period, to assist data query or export operations for different time periods, and to improve the efficiency of data query or export for different time periods.

[0028] The visual chart updating method and device, electronic device and storage medium provided in the embodiments of the present application are specifically described through the following embodiments. First, the visual chart updating method in the embodiments of the present application is described.

[0029] The embodiments of the present application can acquire and process relevant data based on artificial intelligence technology. Artificial Intelligence (AI) is the theory, method, technology and application system that uses digital computers or machines controlled by digital computers to simulate, extend and expand human intelligence, perceive the environment, acquire knowledge and use knowledge to obtain the best results.

[0030] AI basic technologies generally include sensors, dedicated AI chips, cloud computing, distributed storage, big data processing technology, operation / interaction systems, mechatronics, etc. AI software technologies mainly include computer vision technology, robotics technology, biometrics technology, speech processing technology, natural language processing technology, and machine learning / deep learning.

[0031] The visual chart update method provided in the embodiment of the present application relates to the field of financial technology. The visual chart update method provided in the embodiment of the present application can be applied to a terminal, can be applied to a server side, or can be software running in a terminal or a server side. In some embodiments, the terminal can be a smart phone, a tablet computer, a laptop computer, a desktop computer, etc.; the server side can be configured as an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms; the software can be an application that implements the visual chart update method, etc., but is not limited to the above forms.

[0032] The present application can be used in many general or special computer system environments or configurations. For example: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments including any of the above systems or devices, etc. The present application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. The present application can also be practiced in distributed computing environments, in which tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media including storage devices.

[0033] It should be noted that in each specific implementation of the present application, when it comes to the need to perform relevant processing based on data related to user identity or characteristics such as user information, user behavior data, user historical data, and user location information, the user's permission or consent will be obtained first, and the collection, use, and processing of these data will comply with relevant laws, regulations, and standards. In addition, when the embodiment of the present application needs to obtain the user's sensitive personal information, the user's separate permission or consent will be obtained through a pop-up window or by jumping to a confirmation page. After clearly obtaining the user's separate permission or consent, the necessary user-related data for the normal operation of the embodiment of the present application will be obtained.

[0034] The visual chart update method provided in the embodiment of the present application realizes adding a label of historical query time information to the visual chart, and can also satisfy the display of historical query intervals. Conventional visual charts have built-in sliding components, and the built-in sliding components cannot realize the interval display corresponding to the historical query time information. In addition, visual charts are generally drawn based on graphic drawing scripts (canvas), and cannot be modified and supported by front-end technical means after introduction. In related technologies, such as Figure 1 As shown in the figure, the sliding component of the chart library (that is, the sliding component on the visualization chart) only has the function of displaying the current query interval, and cannot display the interval corresponding to the historical query time information. If you need to display the current query interval and the interval corresponding to the historical query time information on the sliding component of the visualization chart at the same time, you need to rebuild the visualization chart and the sliding component of the visualization chart, but the development difficulty is high and the overall development cost is high.

[0035] In the visual chart updating method provided in the embodiment of the present application, by modifying the original sliding component, interval labels corresponding to historical query time information are formed, and the visual chart is updated based on the modified sliding component. There is no need to redevelop the visual chart, which reduces development difficulty and development costs.

[0036] Figure 2 is an optional flowchart of the visual chart updating method provided in the embodiment of the present application. Figure 2 The method may include but is not limited to steps S201 to S206.

[0037] Step S201, obtaining an original visualization chart of report data; wherein an original sliding component with a configuration label is provided on the original visualization chart, and the original sliding component is used to set a sliding mark according to a current query interval; Step S202, obtaining historical query time information of the report data, and configuring labels for the original sliding components according to the historical query time information to obtain a preliminary sliding component; Step S203, color configuration is performed on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; Step S204, obtaining the marking style information of the current query interval; Step S205, configuring label attributes of the candidate sliding component according to the marking style information, color configuration parameters and historical interval labels to obtain a target sliding component; Step S206: updating the original visualization chart according to the target sliding component to obtain a target visualization chart.

[0038] In the steps S201 to S206 shown in the embodiment of the present application, the original visualization chart is obtained, and the original sliding component with the configuration label is set on the original visualization chart, the historical query time information of the report data is obtained, and the label is set on the original sliding component according to the historical query time information to obtain a preliminary sliding component with a label corresponding to the historical query time information. In order to prevent the label corresponding to the historical query time information on the preliminary sliding component from affecting the display of the current query interval, it is necessary to first configure the color of the preliminary sliding component according to the color configuration parameter, and set the label attribute of the preliminary sliding component based on the mark style information and color configuration parameter of the current query interval to obtain a target sliding component. Therefore, by configuring the interval label corresponding to the historical query time information on the original sliding component, and adjusting the color and style of the interval label to distinguish the mark of the current query interval, the target sliding component is obtained. Therefore, the original visualization chart is updated based on the target sliding component to obtain a target visualization chart, so as to obtain a visualization chart with a historical interval label, and the user can adjust the current query interval based on the historical interval label to achieve the selection of different time periods. At the same time, when querying or exporting data for different time periods, there is no need to manually record each selected time period. Data query or export for different time periods can be quickly realized, improving the efficiency of data query or export for different time periods on the visual chart.

[0039] In step S201 of some embodiments, the report data may specifically be report data in the financial field. It should be noted that, if applied to the banking field, the report data may be the bank's financial product sales data, personal transaction data, etc.; if applied to the insurance field, the report data may be policy data of different insurance categories, consulting data, etc. This embodiment does not impose specific restrictions on the financial field where the report data is located. Specifically, an original sliding component is provided on the original visualization chart, and the original sliding component can be configured with a label. It is further explained that the sliding component is also called a Slider sliding component, which supports users to make selections on time intervals and can be input as continuous values ​​and discrete values.

[0040] See also Figure 3 In some embodiments, step S201 may include but is not limited to steps S301 to S303: Step S301, obtaining the current visualization chart of the report data; Step S302, selecting an original sliding component from preset candidate sliding components; Step S303: configure the components of the current visualization chart according to the original sliding components to obtain the original visualization chart.

[0041] It should be noted that the Slider sliding component includes a basic sliding component, a sliding component with an input box, a sliding component with a label, a sliding component with dynamic increase and decrease of nodes, etc. The basic sliding component can only select an interval, that is, the basic sliding component only displays the mark of the currently selected interval, while the sliding component with a label can not only display the currently selected mark, but also has a label, and the label represents different values. Specifically, the basic sliding component is shown in Figure 4 (a), and the sliding component with a label is shown in Figure 4 (b). It can be seen that the sliding component is provided with labels of two values.

[0042] In step S301 of some embodiments, a basic sliding component is provided on the current visualization chart, but the basic sliding component can only display the mark of the current query interval, and cannot set the mark corresponding to the historical query time information. Therefore, the sliding component on the current visualization chart needs to be changed to support the display of the historical query time information.

[0043] In steps S302 to S303 of some embodiments, the original sliding components are first screened out from the candidate sliding components, that is, the sliding components with labels are screened out. It should be noted that there are multiple candidate sliding components, and each candidate sliding component has a different category and supports different functions. In this embodiment, a sliding component with a label is selected from multiple categories of candidate sliding components to support the marking of historical query time information. Therefore, the original sliding component is used to configure the current visualization chart as a component to replace the basic sliding component with the sliding component with a label, so as to obtain the original visualization chart with the original sliding component.

[0044] In steps S301 to S303 shown in this embodiment, the original sliding components are screened out from the candidate sliding components, that is, the original sliding components with label configurations are screened out, and the original sliding components are configured on the current visualization chart to obtain the original visualization chart that supports the label configuration corresponding to the historical query time information.

[0045] See also Figure 5 In some embodiments, step S202 may include but is not limited to steps S501 to S505: Step S501, obtaining historical query time information of report data; Step S502, performing interval selection on the original sliding component according to the historical query time information to obtain a historical query interval; wherein the historical query interval includes: a historical query start node and a historical query end node; Step S503, setting a label for the history query start node to obtain a history query start label; Step S504, set labels for the historical query termination nodes to obtain historical query end labels; Step S505, set labels for the original sliding component according to the historical query start label and the historical query end label to obtain a preliminary sliding component.

[0046] In steps S501 to S502 of some embodiments, the historical query time information is the time period information of a historical query, and can also be a time point of the historical query. Moreover, the historical query time information can be the time information of the previous query, or can also be the query time information of one of multiple historical queries. It should be noted that if the historical query time information is the information of a time period, when selecting the historical query interval on the original sliding component, the historical query start node and the historical query termination node included in the historical query interval are different. If the historical query time information is the information of a time point, then the historical query start node and the historical query termination node are the same. In this embodiment, the historical query time information is the time period of the historical query, so the historical query start node and the historical query termination node are different. Based on the historical query time information, the historical query start node and the historical query termination node are found on the original sliding component. For example, if the interval selection range on the original sliding component is from 2000 to 2024, and the historical query time information is from 2010 to 2015, then the time node on the original sliding component as 2010 is used as the historical query start node, and the time node on the original sliding component as 2015 is used as the historical query termination node.

[0047] In steps S503 to S505 of some embodiments, the original sliding component supports label setting. By setting the corresponding historical query start label on the historical query start node and setting the corresponding historical query end label on the historical query termination node. Finally, set the historical query start label and the historical query end label on the original sliding component to generate a preliminary sliding component with labels corresponding to the historical query time information.

[0048] Specifically, label attributes are set on the original sliding component, and the label attributes are also called Marks attributes, which is a function configuration supported by the original sliding component. By configuring the Marks attributes, one or more data points can be marked on the data axis of the original sliding component. For example, as Figure 6 shown, it is determined that the historical query start node is 2010 and the historical query termination node is 2015. Configure the values in the Marks attribute of the original sliding component as [{value: 2010, label: ‘2010’}, {value: 2015, label: ‘2015’}] to implement the configuration of the historical query start label and the historical query end label on the original sliding component.

[0049] See also Figure 7 In some embodiments, step S501 may include but is not limited to steps S701 to S702: Step S701, obtaining historical query period information and time selection instructions of report data; Step S702: performing time selection on the historical query period information according to the time selection instruction to obtain the historical query time information.

[0050] In step S701 of some embodiments, the historical query time period information is time period information of multiple historical queries, and the time selection instruction is a selection made on the time period information of multiple historical queries, and is used to indicate the selected historical query time period information.

[0051] In step S702 of some embodiments, time selection is performed in the historical query period information based on the time selection instruction. Specifically, a historical query period information can be selected as the historical query time information, or a time period or a time point in the historical query period information can be selected as the historical query time information. Therefore, by autonomously selecting the time period to be compared as the historical query time information, when querying or exporting the data of the current query interval, the two time periods can be adjusted based on the time period to be compared, so as to facilitate quick query or export of the data of the two time periods to be compared.

[0052] Specifically, if there are multiple historical query time period information, and the multiple historical query time period information are 2008-2012, 2010-2015, and 2015-2017 respectively, if you need to compare 2012-2015 and 2015-2018, you can select 2012-2015 as the historical query time information when the historical query time period information is 2010-2015. Then, the historical interval label corresponding to 2012-2015 can be displayed on the original visualization chart, so that the user can slide to 2015-2018 based on the historical interval label to query or export data.

[0053] In steps S701 to S702 shown in this embodiment, historical query time information is selected from the historical query period information according to the time selection instruction, so that the historical query time information is customized, so that the setting of the historical interval label can be set according to the demand, thereby increasing the flexibility of the historical interval label setting on the visual chart.

[0054] See also Figure 8 In some embodiments, step S203 may include but is not limited to steps S801 to S803: Step S801, dividing the preliminary sliding component into intervals to obtain a historical query interval and a non-historical query interval; wherein the non-historical query interval is an interval other than the historical query interval on the preliminary sliding component; Step S802, configuring the color attribute parameters of the preset original cascading style sheet according to the color configuration parameters, the historical query interval and the non-historical query interval to obtain a target cascading style sheet; wherein the target cascading style sheet is used to set the colors of the historical query interval and the non-historical query interval; Step S803: color rendering is performed on the preliminary sliding component through the target cascading style sheet to obtain a candidate sliding component.

[0055] In step S801 of some embodiments, a historical query start tag and a historical query end tag are provided on the preliminary sliding component, and the historical query start tag and the historical query end tag can be used to divide the historical query interval and the non-historical query interval on the preliminary sliding component. It should be noted that the historical query interval is the interval between the historical query start tag and the historical query end tag, and the non-historical query interval is the interval on the preliminary sliding component other than the historical query interval.

[0056] In step S802 of some embodiments, the sliding area on the preliminary sliding component is a container, which cannot be cut into multiple containers and the background color setting of the segments is performed. This embodiment adopts the original cascading style sheet, and the original cascading style sheet is a language used to describe the style of web page elements, allowing the layout, color, and font of the web page to be controlled, that is, the color of the historical query interval and the non-historical query interval on the preliminary sliding component can be set. It should be noted that the original cascading style sheet sets the color of different intervals on the preliminary sliding component through attributes, so the color attribute parameters of the original cascading style sheet are configured according to the color configuration parameters, historical query intervals and non-historical query intervals to obtain the target cascading style sheet, then the target cascading style sheet can set the color of the historical query interval and the non-historical query interval on the preliminary sliding component respectively, to achieve the color setting of the partitions.

[0057] In step S803 of some embodiments, the preliminary sliding component is rendered in color through the target cascading style sheet, that is, different colors are rendered in the historical query interval and non-historical query interval of the preliminary sliding component according to the attribute values ​​configured in the target cascading style sheet to achieve color setting between partitions.

[0058] In steps S801 to S803 shown in this embodiment, the historical query interval and the non-historical query interval on the preliminary sliding component are divided into different colors by using a cascading style sheet to obtain a candidate sliding component that highlights the historical interval, so that the user can intuitively determine the historical query interval.

[0059] In some embodiments, the color configuration parameters include: a first color parameter and a second color parameter, the first color parameter is different from the color of the current query interval, and the second color parameter is the same as the background color of the original visualization chart. It should be noted that the first color parameter is used to characterize the color of the historical query interval. By setting the color of the historical query interval to be different from the color of the current query interval, the historical query interval and the current query interval can be distinguished. The second color parameter is the color of the non-historical query interval. The second color parameter is the background color of the original visualization chart, that is, setting the background color of the non-historical query interval to be the same as the background color of the original visualization chart can reflect the historical query interval.

[0060] See also Fig. 9 In some embodiments, step S802 includes but is not limited to steps S901 to S903: Step S901, calculating the interval proportion of the historical query interval to obtain the historical interval proportion; Step S902, calculating the interval ratio of the non-historical query interval to obtain the non-historical interval ratio; Step S903 , configuring color attribute parameters of the original cascading style sheet according to the first color parameter, the second color parameter, the historical interval ratio, and the non-historical interval ratio to obtain a target cascading style sheet.

[0061] In some embodiments, in step S901 to step S902, the sum of the historical query interval and the non-historical query interval is a whole sliding interval on the candidate sliding component, and the interval ratio calculation is performed on the historical query interval, that is, the ratio of the historical query interval to the sliding interval of the entire candidate sliding component is calculated to obtain the historical interval ratio. The interval ratio calculation is performed on the non-historical query interval, that is, the ratio of the non-historical interval to the sliding interval of the entire candidate sliding component is calculated to obtain the non-historical interval ratio.

[0062] In step S903 of some embodiments, the original cascading style sheet is also called CSS, and the color attribute parameters of the original cascading style sheet are also called linear-gradient. Linear-gradient is used to create a linear gradient effect, that is, to create a color interval between the historical query interval and the non-historical query interval. The target cascading style sheet is obtained by configuring the linear-gradient through the historical interval ratio, the first color parameter, the non-historical query interval, and the second color parameter. Therefore, the target cascading style sheet can set the historical interval ratio to be rendered with the first color parameter, and the non-historical interval ratio to be rendered with the second color parameter, so as to achieve color rendering of the partitions.

[0063] Specifically, the syntax of linear-gradient is: linear-gradient(direction, color-stop1, color-stop2, ...), where direction represents the angle value specifying the direction of the gradient, and "color-stop1, color-stop2, ...." is used to specify the start and end colors of the gradient. For example, as shown in Figure 10 (a), if the value of the linear-gradient configuration is (to right, dark gray 0%, light gray 100%), the rendering effect is from left to right, from dark gray to light gray. As shown in Figure 10 (b), if the value of the linear-gradient configuration is ((to right, dark gray 0%, dark gray 50%, light gray 50%, light gray 100%), the rendering effect is from left to right, the first 50% is dark gray, and the last 50% is light gray. Therefore, by determining the historical interval ratio, the non-historical interval ratio, the first color parameter and the second color parameter, the partition color setting can be performed on the sliding component of the preliminary sliding component.

[0064] As disclosed above, if the first color parameter is the pixel value corresponding to gray and the second color parameter is the pixel value corresponding to white, the preliminary sliding component is rendered in color through the target cascading style sheet configured with the color attribute parameters, that is, the historical query interval is set to gray and the non-historical query interval is set to white.

[0065] In steps S901 to S903 shown in this embodiment, by calculating the proportion of the historical query interval as the historical interval proportion, and calculating the proportion of the non-historical query interval as the non-historical interval proportion, the color attribute parameters of the original cascading style sheet can be set according to the historical interval proportion, the non-historical interval proportion, the first color parameter and the second color parameter to obtain the configured target cascading style sheet. Therefore, through the configured target cascading style sheet, the historical query interval and the non-historical query interval can be rendered in different colors respectively to highlight the historical query interval and realize the visual display of the historical query time information.

[0066] In step S204 of some embodiments, the mark style information is style information of the sliding mark of the current query interval, and the mark style information is used to indicate the style of the historical interval label.

[0067] See also Fig.11 In some embodiments, step S205 may include but is not limited to steps S1101 to S1103: Step S1101, setting the style of the historical interval label according to the marking style information to obtain a candidate interval label; Step S1102, performing color configuration on the candidate interval labels according to the color configuration parameters to obtain updated interval labels; Step S1103: Perform label replacement processing on the candidate sliding component according to the update interval label to obtain the target sliding component.

[0068] In step S1101 of some embodiments, the style of the historical interval label is set to the style corresponding to the mark style information to obtain the candidate interval label after the style is changed. It should be noted that by setting the style of the historical interval label to the same style as the sliding mark, the style of the nodes on the sliding interval of the sliding component can be unified, which facilitates the determination of historical query time information through the historical interval label.

[0069] In step S1102 of some embodiments, the candidate interval label is color-configured to obtain an update interval label, and the color of the update interval label is different from the color of the sliding mark, which is convenient for distinguishing the historical query interval from the current query interval. It should be noted that in this embodiment, the candidate interval label is color-configured according to the first color parameter to obtain an update interval label with the same color as the historical query interval.

[0070] In step S1103 of some embodiments, the historical interval label in the candidate sliding component is replaced with the updated interval label to obtain the target sliding component. Therefore, the target sliding component can not only display the current query interval and the historical query interval, but also the label of the historical query interval has the same sliding mark style as the current query interval, but different colors.

[0071] Specifically, Fig.12 As shown, the original sliding component is as Fig.12 As shown in the sliding component above, the target sliding component is obtained by setting the interval, color rendering and label style of the label on the original sliding component according to the historical query interval, color configuration parameters and label style information, and the target sliding component is as follows Fig.12 The slide assembly below is shown.

[0072] In steps S1101 to S1103 shown in this example, by setting the historical interval label to a label of the same style as the sliding mark, and setting the color of the historical interval label to be different from the sliding mark, the historical query interval is highlighted while the display of the historical query interval and the current query interval are unified, making it convenient to adjust the current query interval.

[0073] In step S206 of some embodiments, the original visualization chart is updated according to the target sliding component, that is, the original sliding component on the original visualization chart is replaced with the target sliding component to realize the display of the current query interval and the historical query interval. It should be noted that the sliding mark corresponding to the current query interval can be adjusted according to the user operation to realize the adjustment of the current query interval, but the interval label corresponding to the historical query interval cannot be adjusted as an indication of the current query interval, so that the user can adjust the current query interval according to the interval label corresponding to the historical query interval.

[0074] For example, Fig.15 As shown, if the user sets the historical query time information on the target visualization chart to be the time period of the last query, and the time period of the user's last query is 2010-2015, the current policy data from 2013 to 2018 needs to be queried to compare the policy data from 2010-2015 and 2013-2018. By displaying the label corresponding to the last query to 2010-2015 on the target visualization chart, it is convenient for the user to know that the policy data from 2010-2015 has been queried last time, and only the policy data from 2013 to 2018 needs to be queried currently. Therefore, by displaying the label corresponding to the historical query time information on the target visualization chart, it is convenient for the user to have a clear perception of the time periods of the policy data queried twice before and after, and the policy data of the two time periods can be quickly queried or exported for comparison and analysis of the policy data.

[0075] In the embodiment of the present application, the current visualization chart of the report data is first obtained, and the sliding component on the current visualization chart is a basic sliding component. The original sliding component is screened out on the candidate sliding component. The original sliding component is a sliding component with a label setting, so the basic sliding component on the current visualization chart is replaced according to the original sliding component to obtain the original visualization chart. Then, the historical query time information is selected according to the historical query time information of the user in the historical query process, that is, it is determined which time period label display needs to be added on the visualization chart. In order to construct a label corresponding to the historical query time information and a sliding mark color different from the current query interval but with a unified style, the historical query interval is first determined on the original sliding component according to the historical query time information, and the starting point and end point of the historical query interval are set as labels to obtain a historical interval label that matches the historical query time information. At the same time, based on the historical interval label, the historical query interval and the non-historical query interval on the preliminary sliding component can be divided, and the historical query interval ratio is obtained by calculating the historical query interval ratio, and then the non-historical query interval ratio is calculated to obtain the non-historical interval ratio, and then the color attribute parameter configuration of the preset original cascading style sheet is performed according to the first color parameter, the second color parameter, the historical interval ratio and the second historical interval ratio to obtain the target cascading style sheet. Therefore, the color of the historical query interval on the preliminary sliding component can be set to be different from the color of the current query interval through the target cascading style sheet, and the color of the non-historical query interval can be set to be the same as the background color of the original visualization chart to obtain a candidate sliding component. Then, the style of the historical interval label on the candidate sliding component is set to be the same as the style of the sliding mark, but the color is consistent with the color of the historical query interval to obtain the target sliding component. Specifically, the historical query interval on the target sliding component is displayed in gray, and the style of the historical interval label is the same as the style of the sliding mark, and the non-historical query interval is displayed in white. Finally, the original sliding component on the original visualization chart is replaced with the target sliding component to update the visualization chart and add the label of the historical query interval to the original current query interval, so that when the user needs to query or export data multiple times, he can clearly perceive the time period of the two query report data, and can quickly query or export the report data.

[0076] See also Fig.13 The embodiment of the present application also provides a visual chart updating device, which can implement the above visual chart updating method, and the device includes: The data acquisition module 1301 is used to acquire the original visualization chart of the report data; wherein the original visualization chart is provided with an original sliding component with a configuration label, and the original sliding component is used to set a sliding mark according to the current query interval; The label configuration module 1302 is used to obtain the historical query time information of the report data, and configure the label of the original sliding component according to the historical query time information to obtain a preliminary sliding component; The color configuration module 1303 is used to perform color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; The information acquisition module 1304 is used to acquire the marking style information of the current query interval; The label attribute configuration module 1305 is used to configure the label attributes of the candidate sliding component according to the marking style information, the color configuration parameters and the historical interval label to obtain the target sliding component; The chart updating module 1306 is used to update the original visual chart according to the target sliding component to obtain a target visual chart.

[0077] The specific implementation of the visual chart updating device is substantially the same as the specific implementation of the visual chart updating method described above, and will not be described in detail herein.

[0078] The embodiment of the present application also provides an electronic device, the electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above-mentioned visual chart update method when executing the computer program. The electronic device can be any intelligent terminal including a tablet computer, a car computer, etc.

[0079] See also Fig.14 , Fig.14 The hardware structure of an electronic device of another embodiment is illustrated, and the electronic device includes: The processor 1401 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (Application Specific Integrated Circuit, ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of the present application; The memory 1402 can be implemented in the form of a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 1402 can store an operating system and other application programs. When the technical solution provided in the embodiment of this specification is implemented by software or firmware, the relevant program code is stored in the memory 1402, and the processor 1401 calls and executes the visual chart update method of the embodiment of this application; Input / output interface 1403, used to implement information input and output; The communication interface 1404 is used to realize the communication interaction between the device and other devices. The communication can be realized through a wired manner (such as USB, network cable, etc.) or a wireless manner (such as mobile network, WIFI, Bluetooth, etc.); A bus 1405 that transmits information between various components of the device (e.g., the processor 1401, the memory 1402, the input / output interface 1403, and the communication interface 1404); The processor 1401 , the memory 1402 , the input / output interface 1403 and the communication interface 1404 are connected to each other in communication within the device via a bus 1405 .

[0080] An embodiment of the present application also provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the above-mentioned visual chart updating method is implemented.

[0081] The memory, as a non-transient computer-readable storage medium, can be used to store non-transient software programs and non-transient computer executable programs. In addition, the memory may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some embodiments, the memory may optionally include a memory remotely disposed relative to the processor, and these remote memories may be connected to the processor via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0082] The visual chart updating method and device, electronic device and storage medium provided in the embodiments of the present application set labels corresponding to historical query time information on the sliding components of the visual chart, so that each time period selection can be selected based on the label of the historical query time information, without manually recording the historically selected time period, to assist in data query or export operations for different time periods, and improve the efficiency of data query or export for different time periods.

[0083] The embodiments described in the embodiments of the present application are intended to more clearly illustrate the technical solutions of the embodiments of the present application and do not constitute a limitation on the technical solutions provided in the embodiments of the present application. Those skilled in the art will appreciate that with the evolution of technology and the emergence of new application scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0084] Those skilled in the art will appreciate that the technical solutions shown in the figures do not constitute a limitation on the embodiments of the present application, and may include more or fewer steps than shown in the figures, or a combination of certain steps, or different steps.

[0085] The device embodiments described above are merely illustrative, and the units described as separate components may or may not be physically separated, that is, they may be located in one place or distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0086] Those skilled in the art will appreciate that all or some of the steps in the methods disclosed above, and the functional modules / units in the systems and devices may be implemented as software, firmware, hardware, or a suitable combination thereof.

[0087] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0088] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0089] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the above units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0090] The units described above as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0091] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0092] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, 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, and the computer software product is stored in a storage medium, including multiple instructions to enable a computer device (which can be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods of various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory, referred to as ROM), random access memory (Random Access Memory, referred to as RAM), disk or optical disk and other media that can store programs.

[0093] The preferred embodiments of the present invention are described above with reference to the accompanying drawings, but the scope of the rights of the present invention is not limited thereto. Any modification, equivalent substitution and improvement made by a person skilled in the art without departing from the scope and essence of the present invention should be within the scope of the rights of the present invention.

Claims

1. A visual chart updating method, characterized in that: The method comprises: Obtaining an original visualization chart of the report data; wherein the original visualization chart is provided with an original sliding component for configuring a label, and the original sliding component is used to set a sliding mark according to a current query interval; Acquire historical query time information of the report data, and perform label configuration on the original sliding component according to the historical query time information to obtain a preliminary sliding component; Performing color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; Obtaining the marking style information of the current query interval; Perform label attribute configuration on the candidate sliding component according to the mark style information, the color configuration parameter and the historical interval label to obtain a target sliding component; The original visualization chart is updated according to the target sliding component to obtain a target visualization chart.

2. The method according to claim 1, characterized in that The acquiring of the historical query time information of the report data and label configuration of the original sliding component according to the historical query time information to obtain a preliminary sliding component includes: Obtaining historical query time information of the report data; Performing interval selection on the original sliding component according to the historical query time information to obtain a historical query interval; wherein the historical query interval includes: a historical query start node and a historical query end node; Setting a label for the historical query starting node to obtain a historical query starting point label; Setting a label for the historical query termination node to obtain a historical query endpoint label; The original sliding component is labeled according to the historical query starting point label and the historical query end point label to obtain the preliminary sliding component.

3. The method according to claim 2, characterized in that The step of performing color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component includes: Dividing the preliminary sliding component into intervals to obtain the historical query interval and the non-historical query interval; wherein the non-historical query interval is an interval other than the historical query interval on the preliminary sliding component; According to the color configuration parameters, the historical query interval and the non-historical query interval, the preset original cascading style sheet is configured with color attribute parameters to obtain a target cascading style sheet; wherein the target cascading style sheet is used to set the colors of the historical query interval and the non-historical query interval; The preliminary sliding component is rendered in color using the target cascading style sheet to obtain the candidate sliding component.

4. The method according to claim 3, characterized in that The color configuration parameters include: a first color parameter and a second color parameter, the first color parameter is different from the color of the current query interval, and the second color parameter is the same as the background color of the original visualization chart; the color attribute parameter configuration of the preset original cascading style sheet according to the color configuration parameters, the historical query interval and the non-historical query interval to obtain a target cascading style sheet includes: Calculating the historical query interval ratio to obtain the historical interval ratio; Calculating the interval ratio of the non-historical query interval to obtain the non-historical interval ratio; The target cascading style sheet is obtained by configuring color attribute parameters of the original cascading style sheet according to the first color parameter, the second color parameter, the historical interval ratio, and the non-historical interval ratio.

5. The method according to claim 1, characterized in that The step of configuring label attributes of the candidate sliding component according to the mark style information, the color configuration parameter and the historical interval label to obtain a target sliding component includes: Setting the style of the historical interval label according to the marking style information to obtain a candidate interval label; Performing color configuration on the candidate interval label according to the color configuration parameter to obtain an updated interval label; The candidate sliding component is subjected to label replacement processing according to the update interval label to obtain the target sliding component.

6. The method according to any one of claims 1 to 5, characterized in that: The original visualization chart of the report data is obtained, including: Obtaining a current visualization chart of the report data; Filtering the original sliding component from preset candidate sliding components; The current visualization chart is configured with components according to the original sliding components to obtain the original visualization chart.

7. The method according to claim 2, characterized in that: The obtaining of historical query time information of the report data includes: Obtaining historical query period information and time selection instructions for the report data; The historical query time period information is time-selected according to the time selection instruction to obtain the historical query time information.

8. A visual chart updating device, characterized in that: The device comprises: A data acquisition module, used to acquire an original visualization chart of report data; wherein the original visualization chart is provided with an original sliding component with a configuration label, and the original sliding component is used to set a sliding mark according to a current query interval; A label configuration module, used for obtaining the historical query time information of the report data, and performing label configuration on the original sliding component according to the historical query time information to obtain a preliminary sliding component; A color configuration module, configured to perform color configuration on the preliminary sliding component according to preset color configuration parameters to obtain a candidate sliding component; wherein the candidate sliding component includes a historical interval label; An information acquisition module, used to acquire the marking style information of the current query interval; A label attribute configuration module, configured to configure the label attributes of the candidate sliding component according to the marking style information, the color configuration parameters and the historical interval label to obtain a target sliding component; The chart updating module is used to update the original visual chart according to the target sliding component to obtain a target visual chart.

9. An electronic device, characterized in that: The electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the visual chart updating method according to any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the visual chart updating method according to any one of claims 1 to 7 is implemented.

Images