A dual-timeline associated event display system and method

Abstract

The present application discloses a dual-time axis associated event display system and method, which includes a dual time axis, an event card, a single-axis / dual-axis operation switching switch and a reset button. The dual time axis is organized by time to distinguish multiple event cards belonging to different event participants. The event card displays each sub-event under the theme event. The event card corresponds to the sub-event one-to-one and is mutually associated with the event participants, including the time information of the sub-event. The single-axis / dual-axis operation switching switch switches the dragging or zooming operation on the single time axis or the dual time axis. The reset button sets the time interval and time scale displayed by the dual time axis to the default value and synchronously updates the associated event card. By distinguishing and displaying sub-events through the dual time axis and event card, it is possible to solve the problem in the prior art that the data display effect is messy and it is difficult to display the associated sub-events between the various event participants.

Description

Technical Field

[0001] The present application relates to the technical field of computer data visualization, and in particular to a dual-timeline associated event display system and method. Background Art

[0002] In the field of computer data visualization, a single timeline is typically used to organize and display event data in chronological order. However, because a theme event involves multiple participants, and each participant also has multiple sub-events of different event types, different colors and identifiers are needed to distinguish each participant and their sub-events of different event types. This results in a cluttered data display. Furthermore, a single timeline makes it difficult to effectively display the associated sub-event data between the various event participants. Summary of the Invention

[0003] The purpose of this application is to provide a dual-timeline associated event display system and method in order to overcome the existing technical defects. By introducing dual timelines and event cards, it can solve the problem that the data display effect is messy and it is difficult to display the associated sub-events between the event participants when the existing single timeline is used to organize and display event data of multiple event types of multiple event participants.

[0004] The purpose of this application is achieved through the following technical solutions:

[0005] In a first aspect, the present application proposes a dual-timeline associated event display system, the system comprising: dual timelines, event cards, a single-axis / dual-axis operation switch, and a reset button, the dual timelines comprising timeline A and timeline B, the event cards comprising time information of the sub-events;

[0006] The dual time axis is used to organize and distinguish multiple event cards belonging to different event participants according to time information;

[0007] The event cards are used to display the sub-events under the theme event. The event cards correspond to the sub-events one by one and are associated with the event participants.

[0008] The single-axis / dual-axis operation switch is used to switch the dragging or zooming operation on the single time axis or the dual time axes;

[0009] The reset button is used to set the time interval and time scale displayed on the dual time axis to default values ​​and synchronously update the associated event card.

[0010] In a possible implementation, the A time axis and the B time axis are arranged in parallel, the A-axis outer area and the A-axis inner area are located on both sides of the A time axis, the B-axis inner area and the B-axis outer area are located on both sides of the B time axis, and the A-axis inner area is connected to the B-axis inner area;

[0011] The A-axis outer area, the A-axis inner area, the B-axis inner area, and the B-axis outer area respectively represent different event types belonging to different event participants.

[0012] In a possible implementation, the event cards are divided into A-axis inner zone event cards, A-axis outer zone event cards, B-axis inner zone event cards, B-axis outer zone event cards, and AB-axis associated event cards according to the time axis and the area in which they are located.

[0013] The dragging operation is used to modify the time range, and the zooming operation is used to modify the time scale and the time range.

[0014] On the second aspect, the present application also proposes a dual-time axis associated event display method, which includes: initialization operation, timed update operation, card operation, single-axis operation, dual-axis operation and reset operation.

[0015] In a possible implementation, the steps of the initialization operation are:

[0016] S1: Acquire event data, where the event data includes event time information;

[0017] S2: Use timeline A and timeline B to represent the participants of different events;

[0018] S3: setting the time scale and time range of the time axis A and the time axis B according to the event time information and the maximum number of time scales supported by the time axis A and the time axis B, or specifying the time range and time scale of the time axis A and the time axis B;

[0019] S4: Displaying the A timeline and the B timeline;

[0020] S5: Filtering sub-events within a time range from the event data and generating event cards;

[0021] S6: According to the event participants and event types to which the sub-events belong, the corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and are placed in corresponding positions in the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area;

[0022] S7: Display the event cards completed by the organization.

[0023] In a possible implementation, the scheduled update operation includes the following steps:

[0024] S1: Update the time range of time axis A and time axis B;

[0025] S2: Display the A timeline and the B timeline;

[0026] S3: Filtering sub-events within the updated time range from the event data to generate event cards;

[0027] S4: According to the event participants and event types to which the sub-events belong, corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and placed at corresponding positions in the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area;

[0028] S5: Displaying the event card.

[0029] In a possible implementation, the card operations include adding, deleting, modifying, and viewing operations;

[0030] The steps of the adding operation are: adding a blank event card and an event detail card in the specified timeline and area, inputting sub-event data, displaying the added event card, and updating the event data;

[0031] The steps of the deletion operation are: click to select the event card to be deleted, delete the event card, and update the event data;

[0032] The modification operation steps are: click to select the event card to be modified, modify the sub-event data on the event card and event details card, display the modified event card, and update the event data;

[0033] The steps of the viewing operation are: click to select the event card to be viewed, and display the corresponding event details card.

[0034] In a possible implementation, the single-axis operation includes a drag operation and a zoom operation, and the steps of the drag operation are:

[0035] S1: Select timeline A or timeline B;

[0036] S2: Modify the time range of the selected time axis;

[0037] S3: Shows the modified timeline;

[0038] S4: Filter sub-events within the updated time range from the event data and generate event cards;

[0039] S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B;

[0040] S6: Display the event cards completed by the organization;

[0041] The steps of the scaling operation are:

[0042] S1: Select timeline A or timeline B;

[0043] S2: Modify the time scale and time range of the selected time axis;

[0044] S3: Shows the modified timeline;

[0045] S4: Filter sub-events within the updated time range from the event data and generate event cards;

[0046] S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B;

[0047] S6: Display the event cards completed by the organization.

[0048] In a possible implementation, the dual-axis operation includes a drag operation and a zoom operation;

[0049] The steps of the drag operation are:

[0050] S1: Modify the time range of time axis A and time axis B;

[0051] S2: Shows the modified timeline;

[0052] S3: Filter sub-events within the updated time range from the event data and generate event cards;

[0053] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0054] S5: Display the event cards completed by the organization;

[0055] The steps of the scaling operation are:

[0056] S1: Modify the time scale and time range of time axis A and time axis B;

[0057] S2: Shows the modified timeline;

[0058] S3: Filter sub-events within the updated time range from the event data and generate event cards;

[0059] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0060] S5: Display the event cards completed by the organization.

[0061] In a possible implementation, the steps of the reset operation are:

[0062] S1: Set the time scale and time range of time axis A and time axis B to the default values;

[0063] S2: Display timeline A and timeline B;

[0064] S3: Filter the sub-events that match the time range from the event data to obtain event cards;

[0065] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0066] S5: Display the event cards completed by the organization.

[0067] The present application discloses a dual-time axis associated event display system and method, which includes a dual time axis, an event card, a single-axis / dual-axis operation switching switch and a reset button. The dual time axis is organized by time to distinguish multiple event cards belonging to different event participants. The event card displays each sub-event under the theme event. The event card corresponds to the sub-event one-to-one and is mutually associated with the event participants, including the time information of the sub-event. The single-axis / dual-axis operation switching switch switches the dragging or zooming operation on the single time axis or the dual time axis. The reset button sets the time interval and time scale displayed by the dual time axis to the default value and synchronously updates the associated event card. By distinguishing and displaying sub-events through the dual time axis and event card, it is possible to solve the problem in the prior art that the data display effect is messy and it is difficult to display the associated sub-events between the various event participants. BRIEF DESCRIPTION OF THE DRAWINGS

[0068] Figure 1 A schematic diagram of a dual-timeline associated event display system proposed in an embodiment of the present application is shown.

[0069] Figure 2 A schematic diagram of the initialization process according to an embodiment of the present application is shown.

[0070] Figure 3 A flow chart of the timing update operation proposed in an embodiment of the present application is shown.

[0071] Figure 4 A schematic diagram of the card operation process proposed in an embodiment of the present application is shown.

[0072] Figure 5 A schematic diagram of a single-axis operation display system proposed in an embodiment of the present application is shown.

[0073] Figure 6 A schematic diagram of the flow of single-axis operation proposed in an embodiment of the present application is shown.

[0074] Figure 7 A schematic diagram of a dual-axis operation display system proposed in an embodiment of the present application is shown.

[0075] Figure 8 A schematic diagram of the process of the dual-axis operation proposed in an embodiment of the present application is shown.

[0076] Figure 9 A schematic diagram of the reset operation process proposed in an embodiment of the present application is shown. DETAILED DESCRIPTION

[0077] The following describes the embodiments of the present application through specific examples. Those skilled in the art can easily understand the other advantages and effects of the present application from the content disclosed in this specification. The present application can also be implemented or applied through other different specific embodiments. The details in this specification can also be modified or changed based on different viewpoints and applications without departing from the spirit of the present application. It should be noted that the following embodiments and features in the embodiments can be combined with each other unless they conflict.

[0078] Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making any creative work shall fall within the scope of protection of this application.

[0079] In the existing technology, the data display is relatively messy because different colors and identifiers are needed to distinguish each event participant and their sub-events of different event types. A single timeline is also difficult to effectively display the related sub-event data between each event participant.

[0080] In order to solve the above problems, the embodiment of the present application proposes a dual-timeline associated event display system, which distinguishes and displays sub-events through dual timelines and event cards. It can solve the problems in the existing technology of messy data display effects and difficulty in displaying associated sub-events between various event participants. It is described in detail below.

[0081] Please refer to Figure 1 , Figure 1 A schematic diagram of a dual-timeaxis associated event display system proposed in an embodiment of the present application is shown. The system includes: dual timeaxes, event cards, a single-axis / dual-axis operation switch and a reset button. The dual timeaxes include time axis A and time axis B, and the event cards include time information of sub-events.

[0082] Dual timelines, used to organize and distinguish multiple event cards belonging to different event participants by time;

[0083] Event cards are used to display the sub-events under the theme event. Event cards correspond to sub-events one by one and are associated with the event participants.

[0084] A single-axis / dual-axis operation switch is used to switch between dragging or zooming operations on a single timeline or the dual timelines;

[0085] The reset button is used to set the time interval and time scale displayed in the dual time axis to the default value and synchronously update the associated event cards.

[0086] Time information includes the start time or end time of the event. The event card can display the summary data of the sub-event, or the corresponding event details card can display all the sub-event data.

[0087] After clicking the reset button, the time intervals, time scales, and event cards displayed on time axis A and time axis B are restored to their initial states, and the associated event cards are updated synchronously.

[0088] like Figure 1 As shown, time axis A and time axis B are arranged in parallel, the outer area of ​​axis A and the inner area of ​​axis A are located on both sides of time axis A, the inner area of ​​axis B and the outer area of ​​axis B are located on both sides of time axis B, the inner area of ​​axis A is connected to the inner area of ​​axis B, and the outer area of ​​axis A, the inner area of ​​axis A, the inner area of ​​axis B and the outer area of ​​axis B respectively represent different event types belonging to different event participants.

[0089] Event cards are divided into A-axis inner zone event cards, A-axis outer zone event cards, B-axis inner zone event cards, B-axis outer zone event cards and AB axis associated event cards according to the time axis and the area they are in.

[0090] Dragging is used to modify the time range, and zooming is used to modify both the time scale and the time range.

[0091] In one possible implementation, a news event is used as an example to illustrate the event. First, the event cards are organized according to the time when the news event occurred, the time when the news event ended, or the time when the news was reported. The A time axis in the dual time axis organizes the event cards related to one of the event participants. Each event card is placed in the inner area of ​​the A axis or the outer area of ​​the A axis according to the event type, forming an event card in the inner area of ​​the A axis or an event card in the outer area of ​​the A axis. Similarly, the event cards of another event participant are organized in the B time axis, and the event cards are placed in the inner area of ​​the B axis or the outer area of ​​the B axis according to the event type, forming an event card in the inner area of ​​the B axis or an event card in the outer area of ​​the B axis. The event cards related to all event participants are placed between the inner area of ​​the A axis and the inner area of ​​the B axis, forming an AB axis associated event card.

[0092] By switching the single-axis / dual-axis operation switch, you can manually set the dragging or scaling operation on one of the timelines A or B and synchronously update the associated event cards, or perform the same dragging and scaling operations on both timelines A and B and synchronously update the associated event cards.

[0093] In addition, based on the above-mentioned dual-timeline associated event display system, an embodiment of the present application proposes a dual-timeline associated event display method, which includes: initialization operation, timed update operation, card operation, single-axis operation, dual-axis operation and reset operation. Each operation is described in detail below.

[0094] Please refer to Figure 2 , Figure 2 The following is a flow chart of the initialization steps proposed in the embodiment of the present application. The steps of the initialization operation are:

[0095] S1: Acquire event data, which includes event time information;

[0096] S2: Use timeline A and timeline B to represent the participants of different events;

[0097] S3: Set the time scale and time range of time axis A and time axis B according to the event time information and the maximum number of time scales supported by time axis A and time axis B, or specify the time range and time scale of time axis A and time axis B;

[0098] S4: Display timeline A and timeline B;

[0099] S5: Filter sub-events within the time range from the event data and generate event cards;

[0100] S6: Based on the event participants and event types of the sub-events, the corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and placed in the corresponding positions of the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area;

[0101] S7: Display the event cards completed by the organization.

[0102] After startup, the initialization operation is automatically triggered. First, the data of the event to be displayed is read, and the information of the event participants involved, the event type involved by each event participant, and the time information contained in the event are extracted. At the same time, the A timeline and the B timeline are used to represent different event participants respectively. Then, the default time range and time scale of the A timeline and the B timeline are manually specified, or the average time interval is calculated based on the time information contained in the event, and the default time scale is set accordingly. The default time range is then set based on the maximum number of time scales supported by the A timeline and the B timeline. The initialized A timeline and the B timeline are displayed. Then, the sub-events within the default time range are filtered from the event data, and data such as the event name and event overview are extracted to generate event cards. Finally, according to the event participants and event types to which the filtered sub-events belong, the corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and placed in the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area to display the organized event cards.

[0103] After initialization is completed, if there is no mouse operation event, the scheduled update operation will be automatically triggered. Please refer to Figure 3 , Figure 3 The following is a flow chart of a timed update operation according to an embodiment of the present application. The steps of the timed update operation are as follows:

[0104] S1: Update the time range of time axis A and time axis B;

[0105] S2: Display timeline A and timeline B;

[0106] S3: Filter sub-events within the updated time range from the event data and generate event cards;

[0107] S4: Based on the event participants and event types of the sub-events, associate the corresponding event cards to the A timeline and / or the B timeline in chronological order, and place them in the corresponding positions of the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area;

[0108] S5: Display the event card.

[0109] After initialization is completed, the card operation is triggered by the trigger method, which can be a mouse click event card event. The card operations include adding operations, deleting operations, modifying operations, and viewing operations. Please refer to Figure 4 , Figure 4 A schematic diagram of the card operation process proposed in an embodiment of the present application is shown.

[0110] The steps for adding an event are: adding a blank event card and event detail card to the specified timeline and area, entering sub-event data, displaying the newly added event card, and updating the event data;

[0111] The steps for the deletion operation are: click to select the event card to be deleted, delete the event card, and update the event data;

[0112] The steps for modifying the event are as follows: click to select the event card to be modified, modify the sub-event data on the event card and event details card, display the modified event card, and update the event data;

[0113] The steps for viewing are: click to select the event card to be viewed, and the corresponding event details card will be displayed.

[0114] Please refer to Figure 5 , Figure 5 The following is a schematic diagram of the display system for single-axis operation proposed in the embodiment of the present application. After initialization is completed, if the mouse clicks on time axis A or time axis B, and the single-axis / dual-axis operation switch is placed in the "single-axis operation" position, the single-axis operation is triggered, and the scheduled update operation stops. The time axis selected by the mouse is dragged or zoomed, and the other time axis remains unchanged. Figure 5 Please refer to Figure 6 , Figure 6 The flowchart of the single-axis operation proposed in the embodiment of the present application is shown. The single-axis operation includes a drag operation and a zoom operation. The steps of the drag operation are:

[0115] S1: Select timeline A or timeline B;

[0116] S2: Modify the time range of the selected time axis;

[0117] S3: Shows the modified timeline;

[0118] S4: Filter sub-events within the updated time range from the event data and generate event cards;

[0119] S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B;

[0120] S6: Display the event cards completed by the organization;

[0121] The steps for the zoom operation are:

[0122] S1: Select timeline A or timeline B;

[0123] S2: Modify the time scale and time range of the selected time axis;

[0124] S3: Shows the modified timeline;

[0125] S4: Filter sub-events within the updated time range from the event data and generate event cards;

[0126] S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B;

[0127] S6: Display the event cards completed by the organization.

[0128] Please refer to the following Figure 7 , Figure 7 The schematic diagram of the dual-axis operation display system proposed in the embodiment of the present application is shown. After initialization is completed, if there is a mouse click event on time axis A or time axis B, and the single-axis / dual-axis operation switch is in the "dual-axis operation" position, the dual-axis operation is triggered, the scheduled update operation stops, and the two time axes are dragged or zoomed at the same time. Figure 7 , Figure 8 The following is a flow chart of a dual-axis operation proposed in an embodiment of the present application. The dual-axis operation includes a drag operation and a zoom operation. The steps of the drag operation are as follows:

[0129] S1: Modify the time range of time axis A and time axis B;

[0130] S2: Shows the modified timeline;

[0131] S3: Filter sub-events within the updated time range from the event data and generate event cards;

[0132] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0133] S5: Display the event cards completed by the organization;

[0134] The steps for the zoom operation are:

[0135] S1: Modify the time scale and time range of time axis A and time axis B;

[0136] S2: Shows the modified timeline;

[0137] S3: Filter sub-events within the updated time range from the event data and generate event cards;

[0138] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0139] S5: Display the event cards completed by the organization.

[0140] Finally, after the single-axis or dual-axis operation is completed, click the reset button to trigger the reset operation. Please refer to Figure 9 , Figure 9 The following is a flow chart of the reset operation proposed in the embodiment of the present application. The steps of the reset operation are as follows:

[0141] S1: Set the time scale and time range of time axis A and time axis B to the default values;

[0142] S2: Display timeline A and timeline B;

[0143] S3: Filter the sub-events that match the time range from the event data to obtain event cards;

[0144] S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B;

[0145] S5: Display the event cards completed by the organization

[0146] After the reset operation is completed, the scheduled update operation is triggered.

[0147] The present application discloses a dual-time axis associated event display system and method, which includes a dual time axis, an event card, a single-axis / dual-axis operation switching switch and a reset button. The dual time axis is organized by time to distinguish multiple event cards belonging to different event participants. The event card displays each sub-event under the theme event. The event card corresponds to the sub-event one-to-one and is mutually associated with the event participants, including the time information of the sub-event. The single-axis / dual-axis operation switching switch switches the dragging or zooming operation on the single time axis or the dual time axis. The reset button sets the time interval and time scale displayed by the dual time axis to the default value and synchronously updates the associated event card. By distinguishing and displaying sub-events through the dual time axis and event card, it is possible to solve the problem in the prior art that the data display effect is messy and it is difficult to display the associated sub-events between the various event participants.

[0148] The above description is only a preferred embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present application should be included in the scope of protection of the present application.

Claims

1. A dual-time axis associated event display system, characterized in that: The system includes: a dual time axis, an event card, a single-axis / dual-axis operation switch, and a reset button. The dual time axis includes an A time axis and a B time axis. The A time axis and the B time axis are arranged in parallel. The A-axis outer area and the A-axis inner area are located on both sides of the A time axis. The B-axis inner area and the B-axis outer area are located on both sides of the B time axis. The A-axis inner area is connected to the B-axis inner area. The A-axis outer area, the A-axis inner area, the B-axis inner area, and the B-axis outer area respectively represent different event types belonging to different event participants. The event card includes time information of sub-events. The dual time axis is used to organize and distinguish multiple event cards belonging to different event participants according to time information; The event cards are used to display the sub-events under the theme event. The event cards correspond to the sub-events one by one and are associated with the event participants. The event cards are divided into A-axis inner area event cards, A-axis outer area event cards, B-axis inner area event cards, B-axis outer area event cards and AB axis associated event cards according to the time axis and the area where they are located. The single-axis / dual-axis operation switch is used to switch between dragging or zooming operations on a single time axis or the dual time axes, wherein the dragging operation is used to modify the time range, and the zooming operation is used to modify the time scale and time range; The reset button is used to set the time interval and time scale displayed on the dual time axis to default values ​​and synchronously update the associated event card.

2. A dual-time axis associated event display method, characterized in that: The method is applied to the dual-time-axis associated event display system according to claim 1, and the method includes: initialization operation, timed update operation, card operation, single-axis operation, dual-axis operation and reset operation.

3. The dual-time axis associated event display method according to claim 2, wherein: The steps of the initialization operation are: S1: Acquire event data, where the event data includes event time information; S2: Use timeline A and timeline B to represent the participants of different events; S3: setting the time scale and time range of the time axis A and the time axis B according to the event time information and the maximum number of time scales supported by the time axis A and the time axis B, or specifying the time range and time scale of the time axis A and the time axis B; S4: Displaying the A timeline and the B timeline; S5: Filtering sub-events within a time range from the event data and generating event cards; S6: According to the event participants and event types to which the sub-events belong, the corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and are placed in corresponding positions in the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area; S7: Display the event cards completed by the organization.

4. The dual-time axis associated event display method according to claim 3, wherein: The timing update operation includes the following steps: S1: Update the time range of time axis A and time axis B; S2: Display the A timeline and the B timeline; S3: Filtering sub-events within the updated time range from the event data to generate event cards; S4: According to the event participants and event types to which the sub-events belong, corresponding event cards are associated with the A timeline and / or the B timeline in chronological order, and placed at corresponding positions in the A-axis outer area, the A-axis inner area, the B-axis outer area, the B-axis inner area, or between the A-axis inner area and the B-axis inner area; S5: Displaying the event card.

5. The dual-time axis associated event display method according to claim 3, wherein: The card operations include adding, deleting, modifying and viewing operations; The steps of the adding operation are: adding a blank event card and an event detail card in the specified timeline and area, inputting sub-event data, displaying the added event card, and updating the event data; The steps of the deletion operation are: click to select the event card to be deleted, delete the event card, and update the event data; The modification operation steps are: click to select the event card to be modified, modify the sub-event data on the event card and event details card, display the modified event card, and update the event data; The steps of the viewing operation are: click to select the event card to be viewed, and display the corresponding event details card.

6. The dual-time axis associated event display method according to claim 3, wherein: The single-axis operation includes a drag operation and a zoom operation. The steps of the drag operation are as follows: S1: Select timeline A or timeline B; S2: Modify the time range of the selected time axis; S3: Shows the modified timeline; S4: Filter sub-events within the updated time range from the event data and generate event cards; S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B; S6: Display the event cards completed by the organization; The steps of the scaling operation are: S1: Select timeline A or timeline B; S2: Modify the time scale and time range of the selected time axis; S3: Shows the modified timeline; S4: Filter sub-events within the updated time range from the event data and generate event cards; S5: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with the selected timeline in chronological order and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner areas of axis A and axis B; S6: Display the event cards completed by the organization.

7. The dual-time axis associated event display method according to claim 3, wherein: The dual-axis operation includes a drag operation and a zoom operation; The steps of the drag operation are: S1: Modify the time range of time axis A and time axis B; S2: Shows the modified timeline; S3: Filter sub-events within the updated time range from the event data and generate event cards; S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B; S5: Display the event cards completed by the organization; The steps of the scaling operation are: S1: Modify the time scale and time range of time axis A and time axis B; S2: Shows the modified timeline; S3: Filter sub-events within the updated time range from the event data and generate event cards; S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B; S5: Display the event cards completed by the organization.

8. The dual-time axis associated event display method according to claim 3, wherein: The steps of the reset operation are: S1: Set the time scale and time range of time axis A and time axis B to the default values; S2: Display timeline A and timeline B; S3: Filter the sub-events that match the time range from the event data to obtain event cards; S4: Based on the event participants and event types of the filtered sub-events, the corresponding event cards are associated with timeline A and / or timeline B in chronological order, and placed in the outer area of ​​axis A, the inner area of ​​axis A, the outer area of ​​axis B, the inner area of ​​axis B, or between the inner area of ​​axis A and the inner area of ​​axis B; S5: Display the event cards completed by the organization.

Images