WO2023045634A1

WO2023045634A1 - Graph display method and apparatus, electronic device, storage medium, and computer program product

Info

Publication number: WO2023045634A1
Application number: PCT/CN2022/113127
Authority: WO
Inventors: 潘国良
Original assignee: 上海商汤智能科技有限公司
Priority date: 2021-09-22
Filing date: 2022-08-17
Publication date: 2023-03-30
Also published as: CN113807067A

Abstract

Embodiments of the present disclosure relate to a graph display method and apparatus, an electronic device, a storage medium, and a computer program product. The method comprises: obtaining target data for displaying a graph, the target data comprising static display data and dynamic display data; drawing a static display area of the graph according to the static display data, the static display area comprising first display content having a fixed position on a target display interface; drawing a dynamic display area according to the dynamic display data and a display state of the graph in the target display interface, the dynamic display area comprising second display content, and the second display content being transformed according to the display state; and in the target display interface, superimposingly displaying the static display area and the dynamic display area.

Description

Diagram display method and device, electronic device, storage medium and computer program product

Cross References to Related Applications

The embodiment of the present disclosure is based on the Chinese patent application with the application number 202111106936.9, the application date is September 22, 2021, and the application name is "chart display method and device, electronic equipment and storage medium", and the priority of the Chinese patent application is required Right, the entire content of this Chinese patent application is hereby incorporated into this disclosure as a reference.

technical field

Embodiments of the present disclosure relate to but are not limited to the field of computer technologies, and in particular, relate to a graph display method and device, electronic equipment, storage media, and computer program products.

Background technique

With the rapid development of computer technology, visual display of data has become more and more widely used in people's lives. In the related art, the display performance and efficiency of the graph are not high during the process of drawing the graph.

Contents of the invention

Embodiments of the present disclosure provide a graph display method and device, electronic equipment, a storage medium, and a computer program product.

An embodiment of the present disclosure provides a method for displaying a chart, the method including:

acquiring target data for displaying the chart, the target data including static display data and dynamic display data; drawing a static display area of the chart according to the static display data, wherein the static display area is included in the target displaying the first display content with a fixed position on the interface; drawing a dynamic display area according to the dynamic display data and the display status of the chart in the target display interface, wherein the dynamic display area includes a second display content, The second display content is transformed according to the display state; in the target display interface, the static display area and the dynamic display area are superimposedly displayed.

In some embodiments, drawing the static display area of the chart according to the static display data includes: determining the first position of the first display content on the target display interface according to the static display data A display position: drawing the first display content according to the first display position to obtain the static display area.

In some implementations, the drawing of the dynamic display area according to the dynamic display data and the display state of the chart in the target display interface includes: in response to a display control operation on the chart, determining the The display state of the chart in the target display interface; according to the display state, obtain the second display content matching the display state in the third display content, wherein the third display content includes the dynamic display content All display contents matched by the data; according to the dynamic display data, determine a second display position of the second display content on the target display interface; according to the second display position, perform Draw to get the dynamic display area.

In some implementations, the display status includes display progress; the third display content includes a plurality of graphic elements, and the plurality of graphic elements move along the preset direction of the chart at the same preset distance. arranging: according to the display state, acquiring the second display content in the third display content that matches the display state includes: determining the second display content in the second display content according to the display progress and the preset distance The initial graphic element to be displayed; according to the display progress, the preset distance, and the preset display range of the dynamic display area in the chart, determine the terminal graphic element to be displayed in the second display content An element; based on the initial graphic element and the terminating graphic element, extracting second display content that matches the display state from the third display content.

In some implementations, the dynamic display area further includes fourth display content; drawing the dynamic display area according to the dynamic display data and the display state of the chart in the target display interface further includes: In the display state, the second display content is combined and counted according to a preset statistical rule to obtain the fourth display content; and the fourth display content is drawn according to a preset display position.

In some implementations, the acquiring target data for displaying the chart includes: acquiring initial data for displaying the chart; performing data structure transformation on the initial data according to the data type of the initial data to obtain intermediate data matching the preset data structure; converting the intermediate data according to the visualized data structure corresponding to the chart to obtain target data matching the visualized data structure.

In some implementations, the visualization data structure includes at least one of the following: a first data structure of the static display data, a second data structure of the dynamic display data, and a third data structure of the dynamic display data, Wherein, the second data structure matches the second display content, the third data structure matches the fourth display content, and the fourth display content includes the statistical result obtained by combining and counting the second display content .

In some implementations, the first data structure of the static display data includes at least one of the following: first position information, a first label, and first color information with fixed values; the second data structure of the dynamic display data includes At least one of the following: second position information, second label, and second color information, wherein the value of the second position information is transformed according to the display state; the third data structure of the dynamic display data includes at least the following One: third label information, third color information, statistical information, and judgment information, wherein the judgment information includes a judgment result obtained by judging the statistical information according to a preset judgment rule.

In some implementations, the graph includes a graph of correspondence between time and responsible objects.

An embodiment of the present disclosure provides a graph display device, including:

The acquisition part is configured to acquire target data for displaying the chart, the target data includes static display data and dynamic display data; the static drawing part is configured to draw the static display data of the chart according to the static display data A display area, wherein the static display area includes the first display content whose position is fixed on the target display interface; the dynamic drawing part is configured to display in the target display interface according to the dynamic display data and the chart State, drawing a dynamic display area, wherein, the dynamic display area includes second display content, and the second display content is transformed according to the display state; the display part is configured to superimpose display in the target display interface The static display area and the dynamic display area.

In some implementations, the static drawing part includes: a first determination subsection configured to determine a first display position of the first display content on the target display interface according to the static display data; The first drawing subsection is configured to draw the first display content according to the first display position to obtain the static display area.

In some implementations, the dynamic drawing part includes: a second determining subsection configured to determine a display state of the chart in the target display interface in response to a display control operation on the chart; An acquisition subsection configured to acquire, according to the display status, second display content that matches the display status in the third display content, wherein the third display content includes all the content that matches the dynamic display data display content; the third determining subpart is configured to determine a second display position of the second display content on the target display interface according to the dynamic display data; the second drawing part is configured to determine a second display position of the second display content on the target display interface according to the dynamic display data; In the second display position, the second display content is drawn to obtain the dynamic display area.

In some implementations, the display status includes display progress; the third display content includes a plurality of graphic elements, and the plurality of graphic elements move along the preset direction of the chart at the same preset distance. arrangement; the first acquisition subsection includes: a fourth determination subsection configured to determine an initial graphic element to be displayed in the second display content according to the display progress and the preset distance; the second The fifth determining subsection is configured to determine the termination graphic element to be displayed in the second display content according to the display progress, the preset distance, and the preset display range of the dynamic display area in the chart element; a first extraction subsection configured to extract second display content matching the display state from the third display content based on the initial graphic element and the termination graphic element.

In some implementations, the dynamic display area further includes fourth display content; the dynamic drawing part further includes: a first obtaining subpart configured to, according to the display state and according to a preset statistical rule, calculate the The second display content is combined and counted to obtain the fourth display content; the third drawing subsection is configured to draw the fourth display content according to a preset display position.

In some implementations, the acquisition part includes: a second acquisition subsection configured to acquire initial data for displaying the graph; a second acquisition subsection configured to obtain the initial data according to the data type of the initial data , performing data structure transformation on the initial data to obtain intermediate data matching the preset data structure; the third obtaining sub-part is configured to convert the intermediate data according to the visual data structure corresponding to the chart to obtain Target data matching the visualization data structure.

An embodiment of the present disclosure provides an electronic device, including: a processor; a memory for storing instructions executable by the processor; wherein the processor is configured to invoke the instructions stored in the memory to execute the above method.

An embodiment of the present disclosure provides a computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the foregoing method is implemented.

An embodiment of the present disclosure provides a computer program product, where the computer program product includes a computer program or an instruction, and when the computer program or instruction is run on an electronic device, the above method is implemented when the electronic device is executed.

In the embodiment of the present disclosure, the target data for displaying the chart can be obtained, and the static display area of the chart can be drawn according to the static display data in the target data, and the dynamic display area can be drawn according to the dynamic display data in the target data and the display state of the chart. The display area, and in the target display interface, the static display area and the dynamic display area are superimposedly displayed. In this way, the separate drawing of the static display area and the dynamic display area in the chart can be realized, and it is convenient to draw the dynamic display area by changing the second display content when the display state changes, reducing the changes to the static display area, thereby reducing The amount of data processed during chart drawing improves the efficiency and performance of chart display.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure. Other features and aspects of the present disclosure will become apparent from the following detailed description of exemplary embodiments with reference to the accompanying drawings.

Description of drawings

The accompanying drawings here are incorporated into the description and constitute a part of the present description. These drawings show embodiments consistent with the present disclosure, and are used together with the description to explain the technical solution of the present disclosure.

FIG. 1 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure;

FIG. 2 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure;

FIG. 3 is a schematic diagram of a chart provided by an embodiment of the present disclosure;

FIG. 4 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure;

FIG. 5 is a schematic diagram of a chart provided by an embodiment of the present disclosure;

FIG. 6 is a schematic diagram of the composition and structure of a chart display device provided by an embodiment of the present disclosure;

FIG. 7 is a schematic diagram of an application example provided by an embodiment of the present disclosure;

FIG. 8 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present disclosure;

FIG. 9 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present disclosure.

Detailed ways

Exemplary embodiments, features, and aspects of the present disclosure will be described in detail below with reference to the accompanying drawings. The same reference numbers in the figures indicate functionally identical or similar elements. While the various aspects of the embodiments are shown in the drawings, the drawings are not necessarily drawn to scale unless specifically indicated.

The word "exemplary" is used exclusively herein to mean "serving as an example, embodiment, or illustration." Any embodiment described herein as "exemplary" is not necessarily to be construed as superior or better than other embodiments.

The term "and/or" in this article is an association relationship describing associated objects, which means that there can be three relationships, for example, A and/or B can mean: A exists alone, A and B exist simultaneously, and B exists alone These three situations. In addition, the term "at least one" herein means any one of a variety or any combination of at least two of the more, for example, including at least one of A, B, and C, which may mean including from A, Any one or more elements selected from the set formed by B and C.

In addition, in order to better illustrate the present disclosure, numerous specific details are given in the following embodiments. It will be understood by those skilled in the art that the present disclosure may be practiced without some of the specific details. In some embodiments, methods, means, components and circuits well known to those skilled in the art are not described in detail in order to highlight the gist of the present disclosure.

With the rapid development of computer technology, visual display of data has become more and more widely used in people's lives. However, in the process of drawing a chart, the entire content of the chart is often drawn in the same layer at one time. This drawing method not only increases the amount of data that needs to be processed in the drawing, but also makes it difficult to change the content in the chart, resulting in a decrease in the performance of the chart display.

Based on this, the embodiment of the present disclosure provides a chart display method, which can realize the separate drawing of the static display area and the dynamic display area in the chart, and is convenient to draw the dynamic chart through the transformed second display content when the display state changes. The display area reduces changes to the static display area, thereby reducing the amount of data processed during chart drawing and improving the efficiency and performance of chart display.

FIG. 1 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure. The method can be applied to a graph display device, and the graph display device can be a terminal device, a server, or other processing devices. Wherein, the terminal device may be user equipment (User Equipment, UE), mobile device, user terminal, terminal, cellular phone, cordless phone, personal digital assistant (Personal Digital Assistant, PDA), handheld device, computing device, vehicle-mounted device, Wearable equipment etc.

In some implementations, the method for displaying graphs can also be implemented by the processor invoking computer-readable instructions stored in the memory.

As shown in FIG. 1, in some implementations, the graph display method may include steps S11 to S14, wherein:

Step S11, acquiring target data for displaying charts.

Here, the chart may include any graphical structure for visually displaying data or information. Any form such as point chart, radar chart or area chart; the dimension of the chart is also not limited, for example, it can be a two-dimensional chart, a three-dimensional chart, or a higher-dimensional chart.

The content of the chart can also be flexibly set according to the actual situation, and is not limited to the embodiments of the present disclosure. In some implementations, the chart may be a related chart applied to the event management system, for displaying some data in the event management system and the like. In some implementation manners, the chart may also be a chart applied in other fields, such as the financial field, the Internet field, or the office field.

In some implementations, the graph may be a graph including a correspondence relationship between time and responsibility objects. Among them, the time can be the processing time of the event, and the time can be counted in minutes, hours, or days. parties, or the command center, etc. When the graph includes the correspondence between time and responsible objects, time can be used as x-axis information and responsible objects can be used as y-axis information, or time can be used as y-axis information and responsible objects can be used as x-axis information. Those skilled in the art can make settings according to actual conditions.

The target data can be the data object displayed in the chart. The data content contained in the target data can be flexibly determined according to the actual situation of the chart. For example, it can include the position of the coordinate axis in the chart, the position of the node in the chart, and the text content contained in the chart, etc. .

In some implementations, the target data may include static display data and dynamic display data, wherein the data in the static display data may contain fixed location information, and during the chart drawing process, the drawing content corresponding to the static display data may be drawn on a fixed at the location. The dynamic display data can contain changing position information. In the process of drawing the chart, the position of the drawing content corresponding to the dynamic display data can be dynamically changed. For example, when the chart is pulled, some nodes in the chart The position of the nodes may change according to the direction of pulling, and the data corresponding to these nodes can be used as dynamic display data, etc.

The data structure of the target data can also be flexibly determined according to the actual situation of the chart, and different types of target data may have different data structures. For example, static display data and dynamic display data can correspond to different data structures. See each of the disclosed examples below for details.

The method of acquiring target data is also not limited in the embodiments of the present disclosure, such as directly reading data from a preset database, or receiving target data to be displayed in real time, or performing certain data processing on the acquired data to obtain the target data etc. For some implementation manners of step S11, refer to the following disclosed embodiments for details.

Step S12, draw the static display area of the chart according to the static display data.

Here, the static display area of the chart may include an area with fixed display content and fixed display position in the chart, and the content contained in the static display area may be flexibly selected according to actual conditions, and is not limited to the following disclosed embodiments.

In some implementations, the static display area may include first display content with a fixed position on the target display interface.

Here, the target display interface can be any interface for displaying charts, and its interface form is not limited in the embodiments of the present disclosure, and can be any device interface with a display function, such as a mobile phone screen, a computer screen, or a projection device Etc., in some embodiments, the target display interface can also be a software interface with a display function, such as a display interface of image editing software such as webpage and drawing, or a display interface of office software.

The first display content may include fixed-position content on the target display interface. For example, a chart may contain multiple coordinate axes, such as x-axis, y-axis, or z-axis, etc., if one of the coordinate axes contains If the data content of the coordinate axis can be completely displayed on the target display interface, then the coordinate axis and the content corresponding to the coordinate axis can be used as the first display content in the static display area. For example, in a two-dimensional line chart, the y-axis can contain fixed content information, and these fixed content information can be completely displayed on the target display interface. In this case, the length of the y-axis and the separation of the y-axis The display position of information such as lines or labels on the y-axis in the target display interface can be fixed, so the y-axis coordinate axis, the dividing line on the y-axis, and the labels on the y-axis can all be used as static The first display content included in the display area.

The implementation form of step S12 can be flexibly changed according to the actual situation of the static display data, see the following disclosed embodiments for details.

Step S13, drawing a dynamic display area according to the display state of the dynamic display data and the graph in the target display interface.

Here, the dynamic display area of the chart may include the area where the display content changes in the chart. For example, in some implementations, the display range of the target display interface may be limited, so that the chart cannot be fully displayed in the target display interface. In this case, the chart can be moved according to the visible range of the target display interface, and the area displayed in the chart following the movement can be used as a dynamic display area. The content contained in the dynamic display area can also be flexibly selected according to the actual situation, and is not limited to the following disclosed embodiments.

In some implementations, the dynamic display area includes second display content, and the second display content can be changed according to the display state.

Here, the display status may include the display status of the chart in the target display interface. For example, if the chart cannot be fully displayed in the target display interface, the display status may include the display progress of the chart in the target display interface. The progress is used to indicate the proportion of the content displayed in the target display interface to the overall content to be displayed in the chart. The display progress can be displayed in the target display interface in the form of a scroll axis, a scroll bar, or dynamic text.

The second display content may include content that is transformed according to the display state. For example, if the data content contained in a certain coordinate axis in the chart cannot be completely displayed on the target display interface, the content corresponding to the coordinate axis and the coordinate axis It can be used as the second display content in the dynamic display area. For example, in a two-dimensional line chart, the x-axis may contain more content information. For example, the x-axis may be a time axis, and the time extension range is long and may continue to extend as the situation changes, resulting in the target display interface Only part of the content information corresponding to the x-axis can be displayed. In this case, the display status of the x-axis, labels on the x-axis, and nodes containing the x-coordinate position in the chart may vary with the target display interface. Therefore, the x-axis, the label on the x-axis, and each node in the chart containing the x-coordinate position can be used as the second display content contained in the dynamic display area.

The implementation form of step S13 can be flexibly changed according to the actual situation of the dynamic display data. In some embodiments, when the display state changes, the drawn second display content in the dynamic display area can be cleared. And according to the changed display state, the second display content is re-determined, and the dynamic display area is redrawn. See each of the disclosed examples below for details.

Step S14, in the target display interface, the static display area and the dynamic display area are superimposedly displayed.

Here, the superposition form of the static display area and the dynamic display area can be flexibly selected according to the actual situation. It can be mutual superposition including occlusion, or mutual superposition without occlusion, which is not limited in this embodiment of the present disclosure.

The stacking order of the static display area and the dynamic display area can also be flexibly determined according to the actual situation. You can set the dynamic display area to be superimposed on the static display area, or you can superimpose the static display area on the dynamic display area. In the case of superposition of complementary occlusion, it is not necessary to consider the superposition order of the static display area and the dynamic display area.

In some implementations, step S11 may include step S111 to step S113, wherein:

Step S111 , acquiring initial data for displaying charts.

Here, the initial data may include any data related to the content displayed in the chart, and its acquisition method may be flexibly changed according to the content of the chart. For example, when the graph is a graph of the corresponding relationship between time and responsible objects, the initial data may be related data of the event management system, which is read from the database of the event management system. In some embodiments, when the event is in progress, the initial data can also be obtained in real time.

The initial data may contain one or more data types, and the data types are not limited in the embodiments of the present disclosure. For example, when the initial data is related data of the event management system, the type of the initial data may The responsibility of the data varies depending on the responsible object. For example, it can be the relevant data of the processing personnel, the general data uploaded by the parties through the incident management system, or the summary data in the command center, etc.

In the case that the initial data contains multiple data types, in order to facilitate the processing of the initial data, the data structure transformation may be performed on the initial data to obtain the intermediate data matching the preset data structure.

Step S112, performing data structure transformation on the initial data according to the data type of the initial data, to obtain intermediate data matching the preset data structure;

Here, the structure type of the preset data structure can be set according to the actual situation. In some embodiments, in order to facilitate subsequent visual display of data, the preset data structure can be any structure type that is easy to convert into a visualized data structure.

The way of data structure transformation can be flexibly determined according to the data correspondence between the initial data and the preset data structure. Through data structure transformation, various forms of initial data can be unified into the same preset data structure, so as to facilitate subsequent batches. The intermediate data is processed to obtain the target data with a visualized data structure.

Step S113, according to the visualization data structure corresponding to the chart, convert the intermediate data to obtain the target data matching the visualization data structure.

Here, the visualized data structure is a data structure that can be directly converted into the content displayed in the chart, and its structural form can be flexibly changed according to the type of the chart. See the following disclosed embodiments for details.

The method of converting intermediate data into a visualized data structure can also be flexibly selected according to the actual situation. For example, the intermediate data can be converted to obtain the target data according to the type conversion relationship between the preset data structure and the visualized data structure.

Through the embodiments of the present disclosure, the initial data of various data types can be unified into a preset data structure through data structure transformation, which facilitates batch processing of data in the process of converting intermediate data into a visualized data structure, and improves data structure. processing efficiency, and then improve the efficiency and performance of the entire chart display process.

In some implementations, step S12 may include step S121 to step S122, wherein:

Step S121, according to the static display data, determine the first display position of the first display content on the target display interface;

Step S122: Draw the first display content according to the first display position to obtain a static display area.

Here, the first display position may include the position where the first display content is displayed on the target display interface. As described in the above disclosed embodiments, the first display content may be fixedly displayed on the target display interface, so the first display position Location information can be deterministic.

The manner of determining the first display position according to the static display data is not limited in this embodiment of the present disclosure. In some implementations, the first display position can be directly acquired from the static display data according to the first data structure of the static display data.

The structural form of the first data structure can be flexibly determined according to the actual situation. For example, the first data structure can include at least one of the following: first position information with fixed values, first label and first color information.

Here, the first position information may indicate the first display position of the first display content, and since the first display position is fixed, the value of the first position information may also be fixed. The first label can be the information content corresponding to the static display data. For example, for the corresponding relationship chart between time and responsible objects, since the type of responsible objects is relatively certain, the coordinate axis where the responsible objects are located can be used as a static display data, in this case, the first label may be the label of the responsible object. The first color may be the display color of the first display content, which may be flexibly set according to actual conditions, and is not limited in this embodiment of the present disclosure.

For example, the structure of the first data structure may be {[xxx]:node}, where xxx may be the first label, as the responsibility object mentioned in the above disclosed embodiment, the node structure may include the first location information and the first Basic data such as color information, etc. For example, the structure of the node can be recorded as {basic data, rect:{centerX, centerY, width, height}}, where the basic data can include the first color information or other information related to the first display content, rect: {centerX, centerY, width, height} can be the first position information mentioned in the above disclosed embodiments, where centerX and centerY are used to indicate the abscissa and ordinate of the center point of the first display content in the target display interface , width is used to indicate the width of the first display content, height is used to indicate the height of the first display content, based on the first position information, the first display position of the first display content can be effectively determined.

According to the first display position, the first display content can be drawn to obtain a static display area. The way of drawing is not limited to the embodiments of the present disclosure. For example, the drawing can be realized by using layout technologies such as rem or vw, and using related drawing methods or software. For example, the chart can be set in the form of Cartesian coordinate axes, and the Plot the static display area in Cartesian axes.

Through the embodiments of the present disclosure, the first display content can be effectively positioned and drawn according to the static display data and its corresponding first data structure. The drawing method is simple and convenient, thereby improving the performance of the entire chart display method.

Fig. 2 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure. As shown in Fig. 2, step S13 may include steps S131 to step 134, wherein:

Step S131, in response to the display control operation on the chart, determine the display state of the chart on the target display interface.

Here, the display control operation for the chart can include any operation to adjust the display progress of the chart, such as dragging the scroll axis or scroll bar in the chart, or changing the text of the display progress in the chart to adjust the display progress of the chart , or directly slide the chart on the touch screen to change the display progress of the chart, etc.

Fig. 3 is a schematic diagram of a chart provided by an embodiment of the present disclosure. As shown in Fig. 3, the content of the x-axis part in the chart may not be completely displayed in the target display interface, so there is a scrolling in the direction of the x-axis in the chart The user can adjust the scroll bar 310 by dragging or scrolling to adjust the display progress of the chart in the target display interface.

In response to the display control operation, the display state of the target graph in the target display interface may be determined, wherein, with different control operations, the manner of determining the display state is also different. For example, when the control operation is dragging the scroll bar, the display progress of the target chart can be determined according to the proportion of the position of the scroll bar after being dragged in the entire scroll bar; when the control operation is adjustment In the case of text, the display progress can be determined directly according to the content indicated by the text; in the case of sliding the chart on the touch screen, the display progress of the chart can be determined according to the direction and distance of the slide.

Step S132, according to the display state, acquire the second display content matching the display state in the third display content.

Here, the third display content may include all display content that matches the dynamic display data. Since the dynamic display data contains changing position information, the content corresponding to the dynamic display data may or may not appear in the target display interface. Therefore, the third display content The third display content includes not only the second display content being displayed on the target display interface, but also all data that is not displayed on the target display interface but can appear on the target display interface as the display progress changes.

According to the display state, the second display content that should currently appear on the target display interface can be extracted from the third display content. The implementation of step S132 can be flexibly selected according to the actual situation. For example, the content range of the second display content in the third display content can be determined according to the display progress. See the following disclosed embodiments for details.

Step S133: Determine a second display position of the second display content on the target display interface according to the dynamic display data.

Here, the second display position may include the current position where the second display content is displayed on the target display interface. As described in the above disclosed embodiments, as the display state changes, the position of the second display content may also be flexibly adjusted. Therefore, the position information of the second display position can be flexibly changed according to the display state.

The manner of determining the second display position according to the dynamic display data is not limited in this embodiment of the present disclosure. In some implementations, the second display position can be directly obtained from the dynamic display data according to the second data structure of the dynamic display data.

The structural form of the second data structure may be flexibly determined according to actual conditions. For example, the second data structure may include at least one of the following: second position information, second label, and second color information.

Here, the second position information can indicate the second display position of the second display content. Since the second display position can be changed flexibly, the value of the second position information can be changed according to the display state. The difference between the display state and the second position information The conversion relationship between can be flexibly set according to actual conditions, and is not limited in this embodiment of the present disclosure. The second label can be to dynamically display the information corresponding to the data. For example, for the corresponding relationship chart between time and responsible objects, since the time can be infinitely extended, the processing time of different events has a large difference, which makes it impossible to determine The span range of the time axis, so the coordinate axis where the time is located and the time-related nodes in the chart can be used as dynamic display data. In this case, the second label can be the content label of the node, which can be used to indicate the The time corresponding to the node can also be used to indicate the type of event processing corresponding to the node. The second color may be the display color of the second display content, which may be flexibly set according to actual conditions, and is not limited in this embodiment of the present disclosure.

For example, the structure of the second data structure may be the node structure mentioned in the above disclosed embodiments. It should be noted that, when the node structure is used to represent dynamic display data, the rect:{centerX, centerY in the node structure ,width,height} can be the second position information mentioned in the above disclosed embodiments, where centerX and centerY are used to indicate the abscissa and ordinate of the center point of the second display content in the target display interface, and width is used for Indicates the width of the second display content, and height is used to indicate the height of the second display content. Since the second position information can change with the display state, the values of centerX and centerY in the node structure can change with the display state changes, but the values of width and height may or may not change, it can be determined according to the actual situation of the node.

Step S134, drawing the second display content according to the second display position to obtain a dynamic display area.

For the manner of drawing the second display content according to the second display position, reference may be made to the manner of drawing the first display content in the above disclosed embodiments.

Through the embodiments of the present disclosure, the second display content that should be displayed at present can be determined in response to the display control operation on the chart, and based on the determined second display content, the dynamic display area can be redrawn, so that it can be based on the user's control , redraw the dynamic display area separately, reduce the amount of data that needs to be processed during the drawing process, improve the efficiency and performance of chart drawing, and also improve the interaction between the chart display and user control, and improve the user's ability to view the chart Experience the feeling.

Fig. 4 is a schematic flowchart of a graph display method provided by an embodiment of the present disclosure. As shown in Fig. 4, step S132 may include steps S1321 to S1323, wherein:

Step S1321, according to the display progress and the preset distance, determine the initial graphic element to be displayed in the second display content.

Here, the third display content may include a plurality of graphic elements, and the graphic elements may be various image contents displayed or to be displayed in the dynamic display area. The implementation form of the graphic element can be flexibly determined according to the actual situation of the chart. For example, when the chart is a line chart, the graphic element can be each node of the line in the chart; when the chart is a bar chart, The primitive elements can be individual bar images in a bar chart, etc.

In some implementations, multiple graphic elements can be arranged at the same preset interval in the preset direction of the chart, wherein the preset direction can include a direction consistent with the display progress, for example, if the chart can be on the x-axis To adjust the display progress, the preset direction can also be the direction of the x-axis. The distance of the preset interval can be flexibly set according to actual conditions, which is not limited in this embodiment of the present disclosure.

Since multiple graphic elements can be arranged according to the same preset spacing in the preset direction, based on the preset spacing, it is convenient to determine the number or position of a certain graphic element among multiple graphic elements, so The preset distance can be used to determine the graphic elements that can be included in the second display content from the plurality of graphic elements in the third display content.

In some implementations, the initial graphic element in the second display content may be determined according to the display progress and the preset distance, where the initial graphic element may include the first graphic element displayed in the second display content under the current display progress. A primitive element.

The way to determine the initial graphic element can be flexibly determined according to the form of the display progress. For example, in the case that the display progress is the position of a scroll bar or a scroll axis, the display progress can indicate that in the preset direction, the start of the dynamic display area The first distance between the initial position and the original initial position of the chart, so the first distance can be divided by the preset spacing to obtain the number a of the initial graphic element, and the number a can indicate that the third display content contains Among the multiple graphic elements of , the a-th graphic element will be used as the initial graphic element to be displayed in the second display content.

For example, in the chart shown in Figure 3, the chart can be moved on the x-axis through the scroll bar 310, and the position of the scroll bar 310 can indicate that in the direction of the x-axis, the left boundary point of the currently displayed dynamic display area is in line with the chart. The first distance between the origin, divide the first distance by the preset distance, you can determine the number of nodes contained between the origin and the left boundary point of the dynamic display area, then according to the number of nodes, you can determine the number of nodes located in the dynamic display area Which node should the leftmost node be, that is, the initial graphic element to be displayed in the second display content can be determined.

In some implementations, the process of step S1321 can be expressed by the following formula (1):

index1=floor(scrollLeft/SIZE) (1);

Here, index1 is the sequence number of the initial primitive element among multiple primitive elements, scrollLeft is the display progress, SIZE is the preset spacing, and floor(·) is the function of rounding down.

It can be seen from formula (1) that in some implementations, the initial graphic elements may not be completely displayed in the dynamic display area determined according to the display progress. In this case, the function of rounding down can be used , so that the initial graphic element displayed in the dynamic display area is a complete element state, such as a complete node.

Step S1322, according to the display progress, the preset distance, and the preset display range of the dynamic display area in the chart, determine the end graphic element to be displayed in the second display content.

Here, the terminating graphic element may be the last graphic element displayed in the second display content under the current display progress.

In some implementations, the preset display range may include the range of the dynamic display area that can be displayed in the chart, for example, the overall length of the chart on the x-axis is i, and the length of the preset display range in the x direction is j and j< i, the dynamic display area can only display the content of length j in the direction of the x-axis, and it is necessary to move the chart in the direction of the x-axis to obtain all the contents of the chart.

The size of the preset display range can be flexibly determined according to the actual situation of the target display interface, and is not limited in this embodiment of the present disclosure.

The way to determine the termination of the graphic element can also be flexibly determined according to the form of the display progress. In some implementations, when the display progress is the position of the scroll bar or the scroll axis, the display progress can indicate that it is in the preset direction, The first distance between the starting position of the dynamic display area and the original starting position of the chart, add the first distance to the length of the preset display range in the preset direction, and then the end position of the dynamic display area can be known The second distance from the original starting position of the chart, so the second distance can be divided by the preset distance to obtain the number b of the end graphic element, which can indicate how much the third display content contains Among the graphic elements, the b-th graphic element will be used as the terminal graphic element to be displayed in the second display content.

For example, in the chart shown in FIG. 3 , the chart can be moved on the x-axis through the scroll bar 310, and the position of the scroll bar 310 is added to the length of the dynamic display area on the x-axis, which can indicate that in the direction of the x-axis , the second distance between the right boundary point of the currently displayed dynamic display area and the origin of the chart, and dividing the second distance by the preset spacing can determine the number of nodes contained between the origin and the right boundary point of the dynamic display area , then according to the number of nodes, it can be determined which node the rightmost node in the dynamic display area should be, that is, the terminal graphic element to be displayed in the second display content can be determined.

In some implementations, the process of step S1322 can be expressed by the following formula (2):

index2=floor((scrollLeft+offsetWidth)/SIZE) (2);

Here, index2 is the sequence number of the end graphic element among multiple graphic elements, offsetWidth is the length of the dynamic display area on the x-axis, scrollLeft is the display progress, SIZE is the preset spacing, and floor(·) is the downward direction whole function.

It can be seen from formula (2) that in some implementations, in the dynamic display area determined according to the display progress, it may not be possible to completely display the termination graphic element. In this case, it can also be rounded down by function, so that the terminal primitive element displayed in the dynamic display area is also a complete element state, such as a complete node.

Step S1323, based on the initial graphic element and the termination graphic element, extract the second display content matching the display state from the third display content.

According to the initial graphic element and the terminating graphic element, the first graphic element and the last graphic element included in the second display content can be determined respectively. In some implementations, due to the multiple The graphic elements can be arranged according to the same preset spacing, so when the initial graphic element and the terminal graphic element are determined, each graphic element contained between them can be known, so as to determine the content contained in the second display content Each graphic element of , to obtain the second display content.

Through the embodiments of the present disclosure, according to the display progress, the preset distance and the preset display range of the dynamic display area, it is possible to quickly and conveniently determine the graphic elements that should be included in the second display content, so as to efficiently determine the current display progress The matching second display content improves the drawing efficiency and performance of the dynamic display area, and then improves the drawing efficiency and performance of the entire chart.

In some embodiments, step S13 may also include steps S135 to S136, wherein:

Step S135 , according to the display state and according to the preset statistical rules, perform combined statistics on the second display content to obtain the fourth display content.

Step S136, draw the fourth display content according to the preset display position.

Here, the fourth display content may include the statistical content obtained by combining and counting the second display content in the chart. Since the second display content can be changed according to the display state, correspondingly, the fourth display content can also State two is transformed.

In some implementations, since the second display content may be composed of graphic elements, in this case, the fourth display content may be obtained by combining statistics of the graphic elements in the second display content according to preset statistical rules. The statistical results obtained.

The rule content of the preset statistical rules can be flexibly changed according to the actual situation of the graph, and is not limited to the following disclosed embodiments. For example, for the graph of the corresponding relationship between time and responsible objects, the preset statistical rule may be: nodes that are adjacent in time and belong to the same responsible object can be considered to belong to the same event processing stage, so they can be merged together.

Fig. 5 is a schematic diagram of a graph provided by an embodiment of the present disclosure. As shown in Fig. 5, the two nodes of accepted 521 and assigned 522 both belong to the responsibility object of the command center, and the two are adjacent in time. Therefore, the two nodes of accepted 521 and dispatched 522 can be combined and counted in the dispatching 512 event processing stage, and the dispatched content after the combined counting can be used as the fourth display content. Similarly, the fourth display content such as acceptance 511 , disposition 513 and verification 514 can also be obtained.

The preset display position can be the position where the fourth display content is displayed on the target display interface, and the position can be preset according to the actual situation. For example, as shown in FIG. 5, the preset display position can be set at the Below the title event time and responsibility relationship 500, in some implementations, the preset display position can also be set to at least one position below, left or right of the chart according to the actual situation of the chart.

The manner of acquiring the preset display position is not limited in this embodiment of the present disclosure. In some implementations, the pre-stored preset display position can be read directly; in some implementations, the preset display position can be read from the dynamic display data according to the third data structure of the dynamic display data.

The third data structure can include data results matching the fourth display content, and the structure can be flexibly determined according to the actual situation. In addition to including the preset display position, the third data structure can also include at least one of the following: third label information , third color information, statistical information and judgment information.

Here, the third tag information may be the information content corresponding to the fourth display content, for example, it may be the name of the event processing stage after the combined statistics mentioned in the above disclosed embodiments, such as accepting, dispatching, handling or checking. The third color information may be the display color of the fourth display content, which may be flexibly set according to actual conditions, and is not limited in this embodiment of the present disclosure. The statistical information may include which graphic elements in the second display content are merged, and the length of the merged fourth display content in a preset direction. For example, the preset direction in FIG. 5 is the x direction, and the x axis represents time , then the length in the x-axis direction can indicate the length of time, that is, 0 minutes at the acceptance node 511 and 1 minute at the processing node 513 in FIG. 5 . The judgment information can be the result obtained by judging the statistical information according to the preset judgment rules, and the rule form of the preset judgment rules can also be flexibly determined according to the actual situation. The judging rule can be used to judge whether the statistical information has timed out. In this case, the content of the judging information can be timed out or not timed out.

In some implementations, the structure of the third data structure may be {label, duration, isExceed}, where the label may be the third label information, such as the stage name of acceptance and dispatch mentioned in the above disclosed embodiments, and the duration may be The statistical information mentioned in the above-mentioned disclosed embodiments, such as which nodes in the second display content are merged and the overall time after merging, and isExceed can be the judgment information mentioned in the above-mentioned disclosed embodiments, such as judging the overall time after merging Whether the time is timed out, etc.

The manner of drawing the fourth display content according to the preset display position can also refer to the above manner of drawing the first display content.

Through the embodiments of the present disclosure, in the process of drawing the dynamic display area of the chart, the second display content in the dynamic display area can be statistically summarized together, so as to improve the drawing performance of the chart and enrich the content of the chart.

FIG. 6 is a schematic diagram of the composition and structure of a chart display device provided by an embodiment of the present disclosure. As shown in FIG. 6, the device 60 includes:

The acquiring part 61 is configured to acquire target data for displaying the graph, and the target data includes static display data and dynamic display data.

The static drawing part 62 is configured to draw a static display area of the chart according to the static display data, wherein the static display area includes first display content whose position is fixed on the target display interface.

The dynamic drawing part 63 is configured to draw the dynamic display area according to the display state of the dynamic display data and the chart in the target display interface, wherein the dynamic display area includes a second display content, and the second display content changes according to the display state.

The display part 64 is configured to superimposely display the static display area and the dynamic display area in the target display interface.

In some implementations, the static drawing part 62 includes: a first determining subsection configured to determine the first display position of the first display content on the target display interface according to the static display data; the first drawing subsection is configured to It is configured to draw the first display content according to the first display position to obtain a static display area.

In some implementations, the dynamic drawing part 63 includes: a second determining subsection configured to determine the display state of the chart in the target display interface in response to a display control operation on the chart; a first acquiring subsection configured to According to the display state, obtain the second display content that matches the display state in the third display content, wherein the third display content includes all display content that matches the dynamic display data; the third determining subpart is configured to The data determines the second display position of the second display content on the target display interface; the second drawing subpart is configured to draw the second display content according to the second display position to obtain a dynamic display area.

In some implementations, the display status includes display progress; the third display content includes a plurality of graphic elements, and the plurality of graphic elements are arranged in the preset direction of the chart according to the same preset interval; the first acquisition sub part, including: a fourth determination subsection, configured to determine the initial graphic element to be displayed in the second display content according to the display progress and a preset distance; a fifth determination subsection, configured to determine according to the display progress, preset The spacing and the preset display range of the dynamic display area in the chart determine the terminal graphic element to be displayed in the second display content; the first extraction sub-part is configured to be based on the initial graphic element and the terminal graphic element, from the first The second display content matching the display state is extracted from the third display content.

In some implementations, the dynamic display area further includes a fourth display content; the dynamic drawing part 63 further includes: a first obtaining subsection configured to merge the second display content according to a preset statistical rule according to the display state Statistics to obtain the fourth display content; the third drawing subsection is configured to draw the fourth display content according to the preset display position.

In some implementations, the acquisition part 61 includes: a second acquisition subsection configured to acquire initial data for displaying charts; a second acquisition subsection configured to process the initial data according to the data type of the initial data Data structure transformation to obtain intermediate data matching the preset data structure; the third obtaining sub-part is configured to convert the intermediate data according to the visual data structure corresponding to the chart to obtain target data matching the visual data structure.

In some embodiments, the visualization data structure includes at least one of the following: a first data structure for static display data, a second data structure for dynamic display data, and a third data structure for dynamic display data, wherein the second data structure is the same as the first data structure The second display content matches, the third data structure matches the fourth display content, and the fourth display content includes a statistical result obtained by combining and counting the second display content.

In some implementations, the first data structure of the static display data includes at least one of the following: the first position information, the first label, and the first color information with fixed values; the second data structure of the dynamic display data includes at least one of the following : the second position information, the second label and the second color information, wherein, the value of the second position information is transformed according to the display state; the third data structure of the dynamic display data includes at least one of the following: the third label information, the third Color information, statistical information and judging information, wherein the judging information includes judging results obtained by judging the statistical information according to preset judging rules.

In some embodiments, the functions or parts included in the apparatus provided by the embodiments of the present disclosure can be used to execute the methods described in the above method embodiments, and the implementation can refer to the descriptions of the above method embodiments.

In the embodiments of the present disclosure and other embodiments, a "part" may be a part of a circuit, a part of a processor, a part of a program or software, etc., of course it may also be a unit, a module or a non-modular one.

FIG. 7 is a schematic diagram of an application example provided by an embodiment of the present disclosure. As shown in FIG. 7 , the application example of an embodiment of the present disclosure proposes a graph display method, including the following process:

Step S710, acquiring display data and performing preprocessing;

In the application example of the embodiment of the present disclosure, the data in the event handling stage of the event management system can be used as the initial data, and according to the event handling stage to which the initial data belongs, the data structure transformation is performed on the initial data to realize the unification of the data structure, and the obtained and predicted Let the data structure match the intermediate data.

Step S720, converting the preprocessed intermediate data into the target data of the visualized data structure;

In step S720, the preprocessed intermediate data can be used as input and converted again, so as to output the target data adapted to the visualized data structure. The structural form of the visualized data structure can refer to the first data structure, A second data structure and a third data structure.

Step S730, determining the preset display range of the dynamic display area, and constructing a Cartesian coordinate axis for drawing charts;

In the application example of the embodiment of the present disclosure, the rem or vw layout technology can be used to implement chart layout in the target display interface. In some implementations, the visible width and height of the target display interface can be calculated according to the target data whose data structure is a visualized data structure, and used as the preset display range of the dynamic display area.

Since the chart may not be fully displayed on the target display interface, the chart may further include a control axis for indicating the display progress of the chart.

According to the preset display range, a Cartesian coordinate axis whose size matches the preset display range can be drawn. As shown in FIG. , is responsible for displaying the vertical axis label and the horizontal dividing line, and the upper layer is the dynamic display area 330, which is responsible for displaying the data of the graphic elements in the form of each node.

Considering the drawing performance and the simplicity of drawing, the Cartesian coordinate axis including two-layer areas can be drawn in a layered rendering method, in which the bottom layer is used as the vertical axis label and horizontal dividing line of the static display area, which belong to static display data. There is no need to change with the scrolling of the control axis. The upper dynamic display area can change with the scrolling of the control axis. In the case that the chart needs to be redrawn due to the movement of the control axis, it is only necessary to clear the screen of the dynamic display area, and then update the graphic elements in the dynamic display area, without redrawing the static display area.

The dynamic display area may further include a statistical axis for counting graphic element elements in the dynamic display area, and its realization form may refer to the fourth display content in the above disclosed embodiments.

Step S740, determining the second display content currently to be displayed, and drawing a dynamic display area according to the second display content;

According to the position scrollLeft of the current control axis, the preset display range offsetWidth of the dynamic display area on the x-axis, and the preset spacing SIZE of each graphic element in the chart on the x-axis direction, determine the second display content currently to be displayed The node numbers of the start node and end node, as the initial and end primitive elements in the second display.

According to the initial graphic element and the terminal graphic element, draw each graphic element contained in the second display content in the coordinate system (or a certain quadrant of the coordinate system, such as the first quadrant, etc.) of the target display interface, so as to Get the dynamic display area.

Based on the chart display method in the application example of the embodiment of the present disclosure, the static display area and the dynamic display area in the chart can be drawn hierarchically, compared with the related art that draws all the graphic elements in the chart at one time , the method proposed by the application example of the embodiment of the present disclosure can effectively improve the drawing and display performance of the chart, optimize the display effect of the chart, reduce the occurrence of excessive memory occupation due to too much data during the display process, and can display according to the target The actual situation of the interface, the chart is displayed within the visible range, and the flexibility of the display is improved.

It can be understood that the above-mentioned method embodiments mentioned in this disclosure can all be combined with each other to form a combined embodiment without violating the principle and logic.

Those skilled in the art can understand that in the above method of implementation, the writing order of each step does not mean a strict execution order and constitutes any limitation on the implementation process. The execution order of each step should be based on its function and possible internal logic. Sure.

An embodiment of the present disclosure also provides a computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the foregoing method is implemented. The computer readable storage medium may be a non-transitory computer readable storage medium.

An embodiment of the present disclosure also provides an electronic device, including: a processor; and a memory for storing instructions executable by the processor; wherein the processor is configured to invoke the instructions stored in the memory to execute the above method.

An embodiment of the present disclosure also provides a computer program product, including a computer program or an instruction, which causes the electronic device to execute the above method when the computer program or instruction is run on the electronic device.

The embodiments of the present disclosure also provide another computer program product, which is used for storing computer-readable instructions, and when the instructions are executed, the computer executes the operation of the chart display method provided by any of the above-mentioned embodiments.

Electronic devices may be provided as terminals, servers, or other forms of devices.

FIG. 8 is a schematic diagram of a hardware structure of an electronic device 800 provided by an embodiment of the present disclosure. For example, the electronic device 800 may be a terminal such as a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, or a personal digital assistant.

8, electronic device 800 may include one or more of the following components: processing component 802, memory 804, power supply component 806, multimedia component 808, audio component 810, input/output (I/O) interface 812, sensor component 814 , and the communication component 816.

The processing component 802 generally controls the overall operations of the electronic device 800, such as those associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above method. Additionally, processing component 802 may include one or more modules that facilitate interaction between processing component 802 and other components. For example, processing component 802 may include a multimedia module to facilitate interaction between multimedia component 808 and processing component 802 .

The memory 804 is configured to store various types of data to support operations at the electronic device 800 . Examples of such data include instructions for any application or method operating on the electronic device 800, contact data, phonebook data, messages, pictures, videos, and the like. The memory 804 can be realized by any type of volatile or non-volatile storage device or their combination, such as Static Random-Access Memory (Static Random-Access Memory, SRAM), Electrically Erasable Programmable Read-Only Memory (Electrically Erasable Programmable Read-Only memory, EEPROM), erasable programmable read-only memory (Erasable Programmable Read-Only Memory, EPROM), programmable read-only memory (Programmable Read-Only memory, PROM), read-only memory (Read-Only Only Memory, ROM), magnetic memory, flash memory, magnetic disk or optical disk.

The power supply component 806 provides power to various components of the electronic device 800 . Power components 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for electronic device 800 .

The multimedia component 808 includes a screen providing an output interface between the electronic device 800 and the user. In some embodiments, the screen may include a liquid crystal display (Liquid Crystal Display, LCD) and a touch panel (Touch Pad, TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may not only sense an edge of a touch or slide action, but also detect duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 808 includes a front camera and/or a rear camera. When the electronic device 800 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have focal length and optical zoom capability.

The audio component 810 is configured to output and/or input audio signals. For example, the audio component 810 includes a microphone (Microphone, MIC), and when the electronic device 800 is in an operation mode, such as a calling mode, a recording mode and a voice recognition mode, the microphone is configured to receive an external audio signal. Received audio signals may be further stored in memory 804 or sent via communication component 816 . In some embodiments, the audio component 810 also includes a speaker for outputting audio signals.

The I/O interface 812 provides an interface between the processing component 802 and a peripheral interface module, which may be a keyboard, a click wheel, a button, and the like. These buttons may include, but are not limited to: a home button, volume buttons, start button, and lock button.

Sensor assembly 814 includes one or more sensors for providing status assessments of various aspects of electronic device 800 . For example, the sensor component 814 can detect the open/closed state of the electronic device 800, the relative positioning of components, such as the display and the keypad of the electronic device 800, the sensor component 814 can also detect the electronic device 800 or a Changes in position of components, presence or absence of user contact with electronic device 800 , electronic device 800 orientation or acceleration/deceleration and temperature changes in electronic device 800 . Sensor assembly 814 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact. The sensor assembly 814 may also include an optical sensor, such as a Complementary Metal Oxide Semiconductor (CMOS) or Charge-coupled Device (CCD) image sensor, for use in imaging applications. In some embodiments, the sensor component 814 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor or a temperature sensor.

The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 can access a wireless network based on communication standards, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 also includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, the NFC module can be based on Radio Frequency Identification (RFID) technology, Infrared Data Association (Infrared Data Association, IrDA) technology, Ultra Wide Band (UWB) technology, Bluetooth (Bluetooth, BT) technology and other technology to achieve.

In the embodiment of the present disclosure, the electronic device 800 may be implemented by one or more application-specific integrated circuits (Application Specific Integrated Circuit, ASIC), digital signal processors (Digital Signal Processing, DSP), digital signal processing devices (Digital Signal Processing Device , DSPD), Programmable Logic Device (Programmable Logic Device, PLD), Field Programmable Gate Array (Field Programmable Gate Array, FPGA), controller, microcontroller, microprocessor or other electronic components to implement the above method.

In an embodiment of the present disclosure, there is also provided a non-volatile computer-readable storage medium, such as a memory 804 including computer program instructions, which can be executed by the processor 820 of the electronic device 800 to complete the above method.

FIG. 9 is a schematic diagram of a hardware structure of an electronic device 900 provided by an embodiment of the present disclosure. For example, the electronic device 900 may be provided as a server. Referring to FIG. 9 , the electronic device 900 includes a processing component 910 , which further includes one or more processors, and a memory resource represented by a memory 920 for storing instructions executable by the processing component 910 , such as application programs. The application program stored in memory 920 may include one or more modules each corresponding to a set of instructions. In addition, the processing component 910 is configured to execute instructions to perform the above method.

The electronic device 900 may also include a power supply component 930 configured to perform power management of the electronic device 900, a wired or wireless network interface 940 configured to connect the electronic device 900 to a network, and an input-output (I/O) interface 950 . The electronic device 900 can operate based on an operating system stored in the memory 920, such as Windows Server ^™ , Mac OS X ^™ , Unix ^™ , Linux ^™ , FreeBSD ^™ or the like.

In an embodiment of the present disclosure, there is also provided a non-volatile computer-readable storage medium, such as a memory 920 including computer program instructions, which can be executed by the processing component 910 of the electronic device 900 to complete the above method.

Embodiments of the present disclosure may be systems, methods and/or computer program products. A computer program product may include a computer readable storage medium having computer readable program instructions thereon for causing a processor to implement various aspects of the present disclosure.

A computer readable storage medium may be a tangible device that can retain and store instructions for use by an instruction execution device. A computer readable storage medium may be, for example, but is not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing. Examples of computer-readable storage media (a non-exhaustive list) include: portable computer disks, hard disks, Random Access Memory (RAM), Read-Only Memory (ROM), erasable Programmable Read-Only Memory (Erasable Programmable Read-Only Memory, EPROM, or flash memory), Static Random-Access Memory (Static Random-Access Memory, SRAM), Portable Compression Disk Read-Only Memory (Compact Disc Read-Only Memory, CD-ROM ), Digital Video Disc (DVD), memory sticks, floppy disks, mechanically encoded devices such as punched cards or raised structures in grooves with instructions stored thereon, and any suitable combination of the foregoing. As used herein, computer-readable storage media are not to be construed as transient signals per se, such as radio waves or other freely propagating electromagnetic waves, electromagnetic waves propagating through waveguides or other transmission media (e.g., pulses of light through fiber optic cables), or transmitted electrical signals.

Computer-readable program instructions described herein may be downloaded from a computer-readable storage medium to a respective computing/processing device, or downloaded to an external computer or external storage device over a network, such as the Internet, a local area network, a wide area network, and/or a wireless network. The network may include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and/or edge servers. A network adapter card or a network interface in each computing/processing device receives computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in a computer-readable storage medium in each computing/processing device .

Computer program instructions for performing the operations of the present disclosure may be assembly instructions, Instruction Set Architecture (ISA) instructions, machine instructions, machine-dependent instructions, microcode, firmware instructions, state setting data, or in the form of one or more source or object code written in any combination of programming languages, including object-oriented programming languages—such as Smalltalk, C++, etc., and conventional procedural programming languages—such as the “C” language or similar programming languages. Computer readable program instructions may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server implement. In cases involving a remote computer, the remote computer can be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or it can be connected to an external computer such as use an Internet service provider to connect via the Internet). In some embodiments, electronic circuits, such as programmable logic circuits, field programmable gate arrays (Field Programmable Gate Array, FPGA) or programmable logic arrays (Programmable Logic Array, PLA), the electronic circuit can execute computer-readable program instructions, thereby implementing various aspects of the present disclosure.

Aspects of the present disclosure are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the disclosure. It should be understood that each block of the flowcharts and/or block diagrams, and combinations of blocks in the flowcharts and/or block diagrams, can be implemented by computer-readable program instructions.

These computer-readable program instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine such that when executed by the processor of the computer or other programmable data processing apparatus , producing an apparatus for realizing the functions/actions specified in one or more blocks in the flowchart and/or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause computers, programmable data processing devices and/or other devices to work in a specific way, so that the computer-readable medium storing instructions includes An article of manufacture comprising instructions for implementing various aspects of the functions/acts specified in one or more blocks in flowcharts and/or block diagrams.

It is also possible to load computer-readable program instructions into a computer, other programmable data processing device, or other equipment, so that a series of operational steps are performed on the computer, other programmable data processing device, or other equipment to produce a computer-implemented process , so that instructions executed on computers, other programmable data processing devices, or other devices implement the functions/actions specified in one or more blocks in the flowcharts and/or block diagrams.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, a portion of a program segment, or an instruction that includes one or more Executable instructions. In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified function or action , or may be implemented by a combination of dedicated hardware and computer instructions.

The computer program product can be realized by hardware, software or a combination thereof. In some implementation scenarios, the computer program product is embodied as a computer storage medium, and in other implementation scenarios, the computer program product is embodied as a software product, such as a software development kit (Software Development Kit, SDK) and the like.

Having described various embodiments of the present disclosure above, the foregoing description is exemplary, not exhaustive, and is not limited to the disclosed embodiments. Many modifications and alterations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen to best explain the principle of each embodiment, practical application or improvement of technology in the market, or to enable other ordinary skilled in the art to understand each embodiment disclosed herein.

Industrial Applicability

Embodiments of the present disclosure relate to a chart display method and device, electronic equipment, a storage medium, and a computer program product. The method includes: acquiring target data for displaying the chart, and the target data includes static display data and dynamic display data. data; draw the static display area of the chart according to the static display data, wherein the static display area includes the first display content with a fixed position on the target display interface; according to the dynamic display data and the chart in The display state in the target display interface draws a dynamic display area, wherein the dynamic display area includes second display content, and the second display content is transformed according to the display state; in the target display interface, The static display area and the dynamic display area are superimposedly displayed. The above scheme can realize the separate drawing of the static display area and the dynamic display area in the chart, and it is convenient to draw the dynamic display area by changing the second display content when the display state changes, reducing the changes to the static display area, thereby reducing The amount of data processed during chart drawing improves the efficiency and performance of chart display.

Claims

A graph display method, comprising:

acquiring target data for displaying the chart, where the target data includes static display data and dynamic display data;

Drawing a static display area of the chart according to the static display data, wherein the static display area includes first display content whose position is fixed on the target display interface;

Draw a dynamic display area according to the dynamic display data and the display state of the chart in the target display interface, wherein the dynamic display area includes second display content, and the second display content is based on the display state to transform;

In the target display interface, the static display area and the dynamic display area are superimposedly displayed.
The method according to claim 1, wherein said drawing the static display area of the chart according to the static display data comprises:

determining a first display position of the first display content on the target display interface according to the static display data;

Drawing the first display content according to the first display position to obtain the static display area.
The method according to claim 1 or 2, wherein said drawing a dynamic display area according to the dynamic display data and the display state of the chart in the target display interface comprises:

determining a display state of the chart in the target display interface in response to a display control operation on the chart;

According to the display state, acquire the second display content matching the display state in the third display content, wherein the third display content includes all the display content matching the dynamic display data;

determining a second display position of the second display content on the target display interface according to the dynamic display data;

Drawing the second display content according to the second display position to obtain the dynamic display area.
The method according to claim 3, wherein the display status includes display progress; the third display content includes a plurality of graphic elements, and the plurality of graphic elements are arranged in the same direction in the preset direction of the graph. Arranged at the preset spacing;

According to the display state, acquiring the second display content in the third display content that matches the display state includes:

determining an initial graphic element to be displayed in the second display content according to the display progress and the preset distance;

According to the display progress, the preset distance, and the preset display range of the dynamic display area in the chart, determine the termination graphic element to be displayed in the second display content;

Extracting second display content matching the display state from the third display content based on the initial graphic element and the termination graphic element.
The method according to any one of claims 1 to 4, wherein the dynamic display area further includes a fourth display content;

The drawing of the dynamic display area according to the dynamic display data and the display state of the chart in the target display interface further includes:

performing combined statistics on the second display content according to the display state and according to preset statistical rules to obtain the fourth display content;

Drawing the fourth display content according to a preset display position.
The method according to any one of claims 1 to 5, wherein said acquiring target data for displaying said chart comprises:

obtain initial data for displaying said graph;

performing data structure transformation on the initial data according to the data type of the initial data to obtain intermediate data matching the preset data structure;

According to the visualization data structure corresponding to the chart, the intermediate data is converted to obtain target data matching the visualization data structure.
The method according to claim 6, wherein the visualization data structure comprises at least one of: a first data structure of the static display data, a second data structure of the dynamic display data, and a The third data structure, wherein the second data structure matches the second display content, the third data structure matches the fourth display content, and the fourth display content includes combining statistics on the second display content The obtained statistical results.
The method according to claim 7, wherein the first data structure of the static display data includes at least one of the following: first position information with fixed values, first label and first color information;

The second data structure of the dynamic display data includes at least one of the following: second position information, a second label, and second color information, wherein the value of the second position information is transformed according to the display state;

The third data structure of the dynamic display data includes at least one of the following: third label information, third color information, statistical information, and judging information, wherein the judging information includes evaluating the statistical information according to preset judging rules. Judgment results obtained.
The method according to any one of claims 1 to 8, wherein the graph includes a graph of correspondence between time and responsible objects.
A graphic display device comprising:

an acquisition part configured to acquire target data for displaying the chart, the target data including static display data and dynamic display data;

The static drawing part is configured to draw the static display area of the chart according to the static display data, wherein the static display area includes first display content whose position is fixed on the target display interface;

The dynamic drawing part is configured to draw a dynamic display area according to the dynamic display data and the display state of the chart in the target display interface, wherein the dynamic display area includes a second display content, and the second The display content is transformed according to the display state;

The display part is configured to superimpose display the static display area and the dynamic display area in the target display interface.
The device according to claim 10, wherein the static drawing part comprises:

The first determination subpart is configured to determine a first display position of the first display content on the target display interface according to the static display data;

The first drawing subsection is configured to draw the first display content according to the first display position to obtain the static display area.
The device according to claim 10 or 11, wherein the dynamic drawing part comprises:

The second determining subpart is configured to determine a display state of the chart in the target display interface in response to a display control operation on the chart;

The first acquisition subpart is configured to acquire, according to the display state, second display content that matches the display state in the third display content, wherein the third display content includes information that matches the dynamic display data Show all content;

The third determining subpart is configured to determine a second display position of the second display content on the target display interface according to the dynamic display data;

The second drawing subsection is configured to draw the second display content according to the second display position to obtain the dynamic display area.
The device according to claim 12, wherein the display status includes display progress; the third display content includes a plurality of graphic elements, and the plurality of graphic elements are arranged in the same direction in the preset direction of the graph. Arranged at the preset spacing;

The first acquisition subpart includes:

The fourth determining subpart is configured to determine an initial graphic element to be displayed in the second display content according to the display progress and the preset distance;

The fifth determining subsection is configured to determine the termination graph to be displayed in the second display content according to the display progress, the preset distance, and the preset display range of the dynamic display area in the graph meta element;

The first extracting subsection is configured to extract second display content matching the display state from the third display content based on the initial graphic element and the termination graphic element.
The device according to any one of claims 10 to 13, wherein the dynamic display area further includes a fourth display content;

The dynamic drawing part also includes:

The first obtaining subpart is configured to perform combined statistics on the second display content according to the display state and according to preset statistical rules, to obtain the fourth display content;

The third drawing subsection is configured to draw the fourth display content according to a preset display position.
The device according to any one of claims 10 to 14, wherein the acquiring part comprises:

a second acquisition subsection configured to acquire initial data for displaying the chart;

The second obtaining subpart is configured to perform data structure transformation on the initial data according to the data type of the initial data to obtain intermediate data matching the preset data structure;

The third obtaining subpart is configured to convert the intermediate data according to the visualized data structure corresponding to the chart, so as to obtain target data matching the visualized data structure.
The apparatus according to claim 15, wherein the visualization data structure comprises at least one of: a first data structure of the static display data, a second data structure of the dynamic display data, and a The third data structure, wherein the second data structure matches the second display content, the third data structure matches the fourth display content, and the fourth display content includes combining statistics on the second display content The obtained statistical results.
The device according to claim 16, wherein the first data structure of the static display data includes at least one of the following: first position information with fixed values, first label and first color information;

The second data structure of the dynamic display data includes at least one of the following: second position information, a second label, and second color information, wherein the value of the second position information is transformed according to the display state;

The third data structure of the dynamic display data includes at least one of the following: third label information, third color information, statistical information, and judging information, wherein the judging information includes evaluating the statistical information according to preset judging rules. Judgment results obtained.
The apparatus according to any one of claims 10 to 17, wherein the graph includes a graph of correspondence between time and responsible objects.
An electronic device comprising:

processor;

memory for storing processor-executable instructions;

Wherein, the processor is configured to invoke instructions stored in the memory to execute the method according to any one of claims 1-9.
A computer-readable storage medium, on which computer program instructions are stored, and when the computer program instructions are executed by a processor, the method according to any one of claims 1 to 9 is implemented.
A computer program product, the computer program product comprising a computer program or an instruction, when the computer program or instruction is run on an electronic device, the electronic device is made to execute any one of claims 1 to 9. Methods.