Information display method and device, electronic equipment and storage medium

Abstract

The present disclosure provides an information display method, device, electronic equipment and storage medium. The method comprises: receiving a time range input operation for a first Gantt chart, the time range input operation specifying a first time range; displaying at least one gear position of a zoom control based on the first time range; in response to a gear position selection operation for the zoom control, scaling a second Gantt chart according to a first zoom ratio; wherein the second Gantt chart at least includes a Gantt chart of the first Gantt chart within the first time range.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to an information display method, apparatus, electronic device, and storage medium. Background Technology

[0002] In project management and personnel management scenarios, Gantt charts and similar views are typically used to display project progress and personnel work arrangements, allowing users to easily monitor project progress and personnel performance. Current view displays do not meet user needs. Summary of the Invention

[0003] In view of this, the purpose of this disclosure is to provide an information display method, apparatus, electronic device and storage medium.

[0004] For the purposes described above, the first aspect of this disclosure provides an information display method, comprising:

[0005] Receive a time range input operation for a first Gantt chart, wherein the time range input operation specifies a first time range;

[0006] At least one zoom level is displayed based on the first time range;

[0007] In response to a gear selection operation on the zoom control, the second Gantt chart is scaled according to a first zoom ratio;

[0008] The second Gantt chart includes at least the first Gantt chart within the first time range.

[0009] In some embodiments, displaying at least one zoom level based on the time range includes:

[0010] The longer the time span of the first time range, the more gears are provided.

[0011] In some embodiments, displaying at least one zoom level based on the time range includes:

[0012] The total number of days is determined based on the first time range;

[0013] The number of cells is determined based on the total number of days and the span of days corresponding to the preset time span; the preset time span is the time span corresponding to each cell in the Gantt chart.

[0014] If the number of grids meets the preset conditions, the display level on the scaling control is determined based on the preset time span.

[0015] In some embodiments, the method further includes:

[0016] Obtain the product of the number of cells and the preset cell width, where the cell width is the width of each cell in the Gantt chart;

[0017] In response to the product of the number of cells and the cell width being less than the size of the first page to which the first Gantt chart belongs, the cell width is increased;

[0018] In response to the product of the number of grids and the grid width being greater than or equal to the size of the first page, the display level in the zoom control is determined based on the grid width.

[0019] In some embodiments, the preset time span includes at least one of day, week, and month.

[0020] In some embodiments, the method further includes:

[0021] In response to the first time range not being divisible by a natural week or natural month, for grids with a time span of less than a week or a month, the grid width for that week or month is displayed according to the percentage of days in that week or month.

[0022] In some embodiments, the scaling control includes a scaling axis and at least one anchor point disposed on the scaling axis, each anchor point corresponding to one of the gear settings;

[0023] The scaling control selection operation includes: a first trigger operation on the anchor point corresponding to the first scaling ratio, or dragging the scaling axis dot to the anchor point corresponding to the first scaling ratio.

[0024] In some embodiments, the method further includes:

[0025] In response to a second triggering operation on any of the anchor points, the gear information corresponding to the triggered anchor point is displayed.

[0026] In some embodiments, the scaling control includes a zoom-in control and a zoom-out control disposed at both ends of the scaling axis;

[0027] The operation of selecting the zoom level of the zoom control includes: at least one first trigger operation on the zoom-in control or the zoom-out control.

[0028] In some embodiments, the method further includes:

[0029] In response to a second trigger operation on the zoom-in control or the zoom-out control, display function prompts and / or shortcut key operation prompts for the zoom-in control or the zoom-out control.

[0030] In some embodiments, the method further includes:

[0031] In response to the current zoom level being the maximum zoom level of the zoom control, the state of the zoom control is set to be untriggerable; or...

[0032] In response to the current zoom level being the minimum zoom level of the zoom control, the state of the zoom control is set to be untriggerable.

[0033] In some embodiments, the method further includes:

[0034] In response to a drag operation on a target Gantt bar in the second Gantt chart, the time range corresponding to the target Gantt bar is displayed on the time axis of the second Gantt chart.

[0035] In some embodiments, in response to the width of the target Gantt bar in the second Gantt chart being less than a preset value, the method further includes:

[0036] In response to a trigger operation on the target Gantt bar in the second Gantt chart, the left and right drag controls for displaying the target Gantt bar are expanded.

[0037] In some embodiments, the first page to which the first Gantt chart belongs is the homepage or view page of the business function corresponding to the first Gantt chart; the method further includes:

[0038] In response to an open operation of the Gantt chart card corresponding to the first Gantt chart, the Gantt chart card is displayed and the zoom control is hidden in the Gantt chart card;

[0039] In response to a full-screen display operation on the Gantt chart card, the Gantt chart card and the zoom control are displayed in full screen.

[0040] In some embodiments, after displaying the Gantt chart card and the zoom control in full screen, the method further includes:

[0041] Based on the gear selection operation of the zoom control, the scaled second Gantt chart is displayed in the Gantt chart card; and,

[0042] In response to the operation of canceling the full-screen display of the Gantt chart card, the Gantt chart card is displayed in a non-full-screen mode, and a scaled-down second Gantt chart is displayed in the Gantt chart card.

[0043] In some embodiments, the method further includes:

[0044] Based on the relationship between the duration of the first time range and the preset duration, a default scaling ratio is determined, and the Gantt chart within the first time range in the first Gantt chart is displayed using the default scaling ratio.

[0045] A second aspect of this disclosure provides an information display device, comprising:

[0046] The receiving module is configured to receive a time range input operation for a first Gantt chart, wherein the time range input operation specifies a first time range;

[0047] The display module is configured to display at least one zoom level based on the first time range;

[0048] The scaling module is configured to scale the second Gantt chart according to a first scaling ratio in response to a gear selection operation of the scaling control; wherein the second Gantt chart includes at least the first Gantt chart within the first time range.

[0049] A third aspect of this disclosure provides an electronic device including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor, when executing the program, implements the information display method as described in the first aspect.

[0050] A fourth aspect of this disclosure provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the information display method described in the first aspect.

[0051] As can be seen from the above, the information display method, apparatus, electronic device, and storage medium provided in this disclosure allow users to specify a first time range in the first Gantt chart and perform scaling operations on a second Gantt chart that includes the first Gantt chart within the first time range, thereby enabling scaling of the Gantt chart within the user's desired time range and facilitating the user's viewing of the Gantt chart within their desired range. The scaling operation can be implemented based on a scaling control, and the scaling level displayed by the scaling control is related to the first time range specified by the user. The length of the first time range determines the number of scaling levels in the scaling control, which in turn determines the scaling ratio that the second Gantt chart can achieve. That is, one or more scaling ratios can be determined based on the first time range, satisfying the user's scaling requirements for different specified time ranges and improving the user experience. Attached Figure Description

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

[0053] Figure 1 A flowchart illustrating an exemplary method provided by an embodiment of this disclosure is shown.

[0054] Figures 2A-2F A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0055] Figures 3A-3C A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0056] Figure 4 A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0057] Figure 5 A schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0058] Figure 6 A schematic diagram of an exemplary apparatus provided by an embodiment of the present disclosure is shown.

[0059] Figure 7 A schematic diagram of the hardware structure of an exemplary computer device provided in an embodiment of this disclosure is shown. Detailed Implementation

[0060] To make the objectives, technical solutions, and advantages of this disclosure clearer, the following detailed description is provided in conjunction with specific embodiments and the accompanying drawings.

[0061] It should be noted that, unless otherwise defined, the technical or scientific terms used in the embodiments of this disclosure should have the ordinary meaning understood by one of ordinary skill in the art to which this disclosure pertains. The terms "first," "second," and similar terms used in the embodiments of this disclosure do not indicate any order, quantity, or importance, but are merely used to distinguish different components. Terms such as "comprising" or "including" mean that the element or object preceding the word encompasses the elements or objects listed following the word and their equivalents, without excluding other elements or objects. Terms such as "connected" or "linked" are not limited to physical or mechanical connections, but can include electrical connections, whether direct or indirect. Terms such as "upper," "lower," "left," and "right" are used only to indicate relative positional relationships; when the absolute position of the described object changes, the relative positional relationship may also change accordingly.

[0062] As described in the background section, in current project management scenarios, Gantt charts can be generated based on project plans, schedules, resources, and other information to help users better control project progress.

[0063] Alternatively, in personnel management scenarios, Gantt charts can be generated based on the work arrangements for personnel to help users manage them better.

[0064] However, in current project management or personnel management scenarios, the display of Gantt charts is not flexible enough, which cannot meet the user's needs.

[0065] In view of this, the present disclosure provides an information display method to solve the above problems.

[0066] like Figure 1 As shown, the information display method includes:

[0067] Step S101: Receive an input operation for a time range of a first Gantt chart, wherein the time range input operation specifies the first time range.

[0068] Taking personnel management as an example, a Gantt chart is typically generated to schedule personnel work. This Gantt chart usually displays the work arrangements for each person on different dates. Specifically, the vertical axis of the Gantt chart displays personnel information for each person, while the horizontal axis, i.e., the time axis, displays the dates. The position and length of the Gantt bars on the time axis display the work dates and durations for each person. In addition, the Gantt bars can also further display specific work content, etc. This embodiment does not impose any limitations on this.

[0069] In related technologies, when displaying a Gantt chart, the complete Gantt chart is shown. This complete Gantt chart displays the entire work schedule for personnel over the entire timeframe. In this case, scaling the Gantt chart is a scaling of the complete Gantt chart.

[0070] However, in some scenarios, users need to view Gantt charts within a certain range, such as a Gantt chart within a specific time period. In this scenario, the Gantt chart within the user-inputted time range can be scaled based on the user's input time range and the scaling operation applied to the Gantt chart within that time range.

[0071] In some embodiments, such as Figure 2A As shown, users can input a time range by selecting the first date range in the time control 11. This embodiment does not impose any restrictions on this.

[0072] Step S103: Display at least one zoom level of the zoom control based on the first time range.

[0073] Step S105: In response to the gear selection operation for the zoom control, the second Gantt chart is scaled according to the first zoom ratio; wherein the second Gantt chart includes at least the first Gantt chart within the first time range.

[0074] The second Gantt chart may include only the Gantt chart of the first Gantt chart located within the first time range, or it may also include the Gantt chart of the first Gantt chart located outside the first time range, such as the Gantt chart corresponding to one or more cells on the left and right sides of the first time range. This embodiment does not limit this.

[0075] In some embodiments, after a user zooms in on the second Gantt chart, the first page to which the first Gantt chart belongs may only display the zoomed second Gantt chart; or, at least a portion of the zoomed second Gantt chart may be displayed in the current viewport, and when the progress bar is dragged to a position outside the first time range, the unzoomed Gantt chart of the first Gantt chart located outside the first time range may be displayed in the current viewport. This embodiment does not limit this.

[0076] In some embodiments, a scaling control can be displayed in the window where the time control 11 is located. When the user triggers the time control 11, a first window is displayed, which shows the expanded time control 11. The user can input a first time range by selecting a date on the expanded time control 11. At the same time, a scaling control can also be displayed in the first window. After the user inputs the first time range, the scaling control can be directly triggered to scale the first Gantt chart within the first time range.

[0077] In some embodiments, such as Figure 2A As shown, the zoom control 14 can be displayed on the first page where the first Gantt chart is located. That is, the zoom control 14 and the time control 11 are displayed on the first page respectively. When the user opens the first page, the first Gantt chart and the zoom control 14 will be displayed on the first page. In this embodiment, after the user determines the first time range through the time control 11, the Gantt chart of the first Gantt chart located within the first time range can be displayed in the current viewport of the first page. When the user performs a zoom operation through the zoom control 14, the Gantt chart of the first Gantt chart located within the first time range can be zoomed. Alternatively, after the user determines the first time range through the time control 11, the current viewport of the first page will not change. When the user performs a zoom operation through the zoom control 14, the Gantt chart of the first Gantt chart located within the first time range can be zoomed, and the zoomed Gantt chart will be displayed in the current viewport of the first page for the user to view, thereby satisfying the user's requirements for zooming and viewing the Gantt chart. This embodiment does not impose any limitations on this.

[0078] In this embodiment, the scaling control 14 may include one or more speed settings, with different speed settings corresponding to different scaling ratios. The number of speed settings in the scaling control 14 can be determined based on the duration of a first time range. When the duration of the first time range is different, the number of speed settings included in the scaling control 14 is different, and the scaling ratio that can be achieved is also different.

[0079] After determining the zoom level provided by zoom control 14, the user can zoom the second Gantt chart based on zoom control 14. The first zoom level is associated with the zoom level selected by the user through zoom control 14.

[0080] In this embodiment, the first scaling ratio is associated with the time span of each cell in the Gantt chart and the width of each cell. When the user selects the corresponding scaling level through the scaling control, they are essentially selecting the scaling ratio corresponding to the combination of the time span and the width of the cell.

[0081] In this embodiment, the user can specify a first time range in the first Gantt chart and perform a scaling operation on a second Gantt chart that includes the first Gantt chart within the first time range. This allows the user to scale the Gantt chart within the desired time range, making it easier for them to view the Gantt chart within their desired range. The scaling operation can be implemented using a scaling control. The scaling level displayed by the scaling control is related to the first time range specified by the user. The length of the first time range determines the number of scaling levels in the scaling control, which in turn determines the scaling ratio that the second Gantt chart can achieve. In other words, one or more scaling ratios can be determined based on the first time range, satisfying the user's scaling requirements for different specified time ranges and improving the user experience.

[0082] In some embodiments, the longer the time span of the first time range, the more gears are provided. For example, if the time span of the first time range is only a few days, each cell in the Gantt chart can only be displayed in days (i.e., daily span), and the scaling control 14 can only include gears corresponding to the daily span. If the time span of the first time range includes at least two weeks, each cell in the Gantt chart can be displayed not only in days but also in weeks (i.e., weekly span), and the scaling control 14 can include gears corresponding to both the daily and weekly spans. If the time span of the first time range includes at least two months, each cell in the Gantt chart can be displayed not only in days or weeks but also in months (i.e., monthly span), and the scaling control 14 can include gears corresponding to the daily and weekly spans as well as gears corresponding to the monthly span. If the time span of the first time range includes at least two years, then each cell in the Gantt chart can be displayed not only in units of days, weeks, or months, but also in units of years (i.e., yearly span). Therefore, the scaling control 14 can include not only the corresponding daily, weekly, and monthly spans, but also the corresponding yearly spans. If needed, the scaling control 14 can also display spans of five years, ten years, or twenty years, or spans of hours, minutes, or seconds. This embodiment does not limit this.

[0083] In some embodiments, if the time span of each cell in the Gantt chart is set to a limited range, such as only allowing the Gantt chart to be displayed in daily, weekly, or monthly spans, even if the time span of the first time range continues to increase (e.g., greater than two years), the scaling control 14 can still only include the corresponding daily, weekly, and monthly spans, and will not include the corresponding yearly spans. That is, if the time span of each cell in the Gantt chart is set to a limited range, the number of spans provided by the scaling control 14 will not continue to increase after reaching a certain number, and this embodiment does not limit this.

[0084] In some embodiments, taking the scaling control 14 as an example where it can only include the corresponding daily span, if the time span of the first time range is very small (e.g., less than 5 days), then in order to ensure that the scaled second Gantt chart can fill the viewport of the first page, the width of each cell in the second Gantt chart needs to be large, and the scaling control 14 can only display the corresponding cell width. If the time span of the first time range is large (e.g., greater than or equal to 5 days), then even if the width of each cell in the second Gantt chart is small, it can still ensure that the scaled second Gantt chart can fill the viewport of the first page. Therefore, the scaling control 14 can display not only the corresponding cell width but also the corresponding cell width.

[0085] In some embodiments, if the width of each cell in the Gantt chart is set to have a limited range of selectable values, such as only providing two widths corresponding to large and small cells (or providing more cell widths for selection), then for each time span (i.e., daily span, weekly span, monthly span, etc.), the selection of one or two values ​​for the same time span can be realized. That is, if the range of selectable cell widths in the Gantt chart is limited, then the number of values ​​provided by the scaling control 14 will not continue to increase after a certain number. This embodiment does not limit this.

[0086] Therefore, the longer the time span of the first time range, the more gears can be provided not only for the time span of the Gantt chart grid, but also for the grid width under each time span. In other words, the longer the time span of the first time range, the more gears are provided.

[0087] In some embodiments, the step S103 of displaying at least one zoom level based on the time range includes:

[0088] Step S201: Determine the total number of days based on the first time range.

[0089] Step S203: Determine the number of cells based on the total number of days and the span of days corresponding to the preset time span. The preset time span is the time span corresponding to each cell in the Gantt chart.

[0090] In this embodiment, the number of grids can be determined by the quotient of the total number of days in the first time range and the span of days corresponding to each preset time span.

[0091] The preset time span refers to the duration represented by one cell in the Gantt chart. In some embodiments, the preset time span includes at least one of day, week, and month. In other embodiments, the preset time span may also include minute, hour, bi-weekly, quarterly, annual, etc., which are not limited in this embodiment.

[0092] Taking preset time spans including daily, weekly, and monthly spans as examples, in personnel management scenarios, work schedules are typically based on days. In this case, a Gantt chart can always be generated using days as the time span, meaning that regardless of the length of the first time range, a Gantt chart with days as the time span can be generated and displayed. When the time span is weekly, at least two cells need to be displayed in the Gantt chart. Therefore, a Gantt chart with weeks as the time span can only be generated and displayed when the length of the first time range is greater than or equal to two weeks (i.e., 14 days). When the time span is monthly, at least two cells need to be displayed in the Gantt chart. Therefore, a Gantt chart with weeks as the time span can only be generated and displayed when the length of the first time range is greater than or equal to two months (considering two consecutive months of 31 days, it can be set to 62 days, or it can be set separately according to the number of days in different months).

[0093] like Figure 2E , Figure 2F As shown, for shorter time spans (e.g., days), the Gantt bars display more information, meeting users' needs for viewing detailed data. Figure 2A , Figure 2B As shown, for longer time spans (e.g., months), Gantt charts can display overall information over a longer period, meeting users' needs for viewing comprehensive data. Figure 2C , Figure 2D As shown, for time spans (such as weeks) in the middle of the duration, the needs for detailed data information and viewing data information can be taken into account to a certain extent.

[0094] Step S205: If the number of grids meets the preset conditions, determine the display level on the scaling control based on the preset time span.

[0095] In this embodiment, a Gantt chart for the corresponding preset time span can only be displayed when the number of cells is greater than or equal to 2, and the scaling ratio of the corresponding preset time span can be realized. Therefore, the scaling level corresponding to the corresponding preset time span can be displayed in the scaling control.

[0096] In this embodiment, when the preset time span is daily, the Gantt chart under the daily span can definitely be displayed, so the zoom control will definitely display the gear corresponding to the daily span. When the preset time span is weekly, the total number of days in the first time range needs to be greater than or equal to 14 days in order to display the gear corresponding to the weekly span in the zoom control. That is, if the total number of days in the specified time range is greater than or equal to 14 days, the gear with daily or weekly as the preset time span can be displayed in the zoom control. When the preset time span is monthly, the total number of days in the first time range needs to be greater than or equal to 62 days (considering that two consecutive months are 31 days, it can be set to 62 days, or it can be set according to the number of days in different months) in order to display the zoom gear corresponding to the monthly span in the zoom control. That is, if the total number of days in the first time range is greater than or equal to 62 days, the gear with daily, weekly, or monthly as the preset time span will be displayed in the zoom control.

[0097] In some embodiments, the method further includes:

[0098] Step S301: Obtain the product of the number of cells and the preset cell width, where the cell width is the width of each cell in the Gantt chart.

[0099] In step S303, in response to the product of the number of grids and the grid width being less than the size of the first page to which the first Gantt chart belongs, the grid width is increased.

[0100] Step S305: In response to the product of the number of grids and the grid width being greater than or equal to the size of the first page, determine the display level on the zoom control based on the grid width.

[0101] In this embodiment, for the same time span, different grid widths are displayed: such as Figure 2A , Figure 2C , Figure 2E As shown, for Gantt charts with smaller grid widths, a larger number of Gantt chart cells can be displayed on the page, allowing users to view the overall data over a larger area; for example... Figure 2B , Figure 2D , Figure 2F As shown, for Gantt charts with larger grid widths, although only a smaller number of Gantt chart grids can be displayed on the page, the Gantt bars in each grid are stretched accordingly, allowing more content to be displayed on the Gantt bars, so that users can view more detailed data information.

[0102] In this embodiment, two grid widths are set for each preset time span as an example.

[0103] In this embodiment, for any preset time span, if the product of the number of grids and the grid width is less than the size of the first page, the Gantt chart displayed with that grid width cannot fill the entire first page, resulting in a poor display effect. Therefore, the grid width and the corresponding level of the preset time span are not displayed in the scaling control, but the grid width is increased and recalculated.

[0104] For any preset time span, if the product of the number of grids and the grid width is greater than or equal to the size of the first page, then the Gantt chart displayed with that grid width can fill the entire first page, resulting in a better display effect. Therefore, the level determined by that grid width and the preset time span can be displayed in the scaling control. Simultaneously, if there are larger grid widths within that time span, then the level corresponding to that larger grid width and the preset time span will also be displayed in the scaling control.

[0105] When the product of the number of cells and the width of the cells is greater than the size of the first page, a progress bar can be displayed, and the zoomed-out second Gantt chart can be viewed by dragging the progress bar.

[0106] In some embodiments, since the number of days in each month varies, the grid width of the preset time span can also be determined based on the product of the daily grid width and the number of days in the preset time span. This results in Gantt chart grids with different widths for different months, and since the Gantt bars in the Gantt chart are displayed in days, the display of the Gantt chart is more accurate. For example, for May and June, since May has 31 days and June has 30 days, if the Gantt bars cover both May and June, the Gantt bar corresponding to May will be longer than the Gantt bar corresponding to June because May has one more day than June.

[0107] Since the preset time spans include days, weeks, and months, the cells in the Gantt chart correspond to the settings for each preset time span. For weekly and monthly spans, they can be treated as combinations of multiple days. Therefore, the cell width for a single day is the cell width for a day span, the cell width for a week span / 7, and the cell width for a month span / 30 (it can also be set to 28, 29, or 31, or set separately according to different months; this embodiment does not limit this).

[0108] In some embodiments, the width of the grid and the daily grid width can be set separately for each preset time span according to user needs. For example, the grid width in a monthly span is 160, and the daily grid width is 6; the grid width in a monthly span is 230, and the daily grid width is 9; the grid width in a weekly span is 118, and the daily grid width is 17; the grid width in a weekly span is 300, and the daily grid width is 43; the grid width in a daily span is 80, and the daily grid width is 80; the grid width in a daily span is 200, and the daily grid width is 200. The above settings are merely illustrative, and the grid width and daily grid width in this application are not limited to the values ​​described above.

[0109] In this embodiment, Gantt charts within the first time range are scaled for different preset time spans. At the same time, Gantt charts with different grid widths are also provided for the same preset time span. This can meet the user's scaling requirements for different preset time spans and different Gantt chart grid sizes under the same preset time span, thereby improving the user experience.

[0110] In some embodiments, for a week span, the Gantt chart cells are displayed according to Monday through Sunday. If the natural week within the first time range is not divisible, for cells with a time span of less than one week, the cell width for that week is displayed according to the percentage of days in that week or the middle of that week.

[0111] In some embodiments, for a monthly span, the Gantt chart cells are displayed from the first day to the last day of the calendar month. If the calendar month within the first time range is not divisible, for cells with a duration less than one month, the cell width for that month is displayed according to the percentage of days in that month.

[0112] In some embodiments, such as Figure 3A As shown, the zoom control 14 includes a zoom axis 18 and at least one anchor point 17 disposed on the zoom axis 18, each anchor point 17 corresponding to one of the gear settings. The zoom control 14 also displays a zoom axis dot 19, the position of which indicates the current gear setting.

[0113] The scaling operation of the scaling control includes: a first trigger operation on the anchor point corresponding to the first scaling ratio, or dragging the scaling axis dot to the anchor point corresponding to the first scaling ratio to achieve scaling of the second Gantt chart. The first trigger operation can be a click operation on the anchor point.

[0114] In some embodiments, the method further includes: in response to a second triggering operation on any of the anchor points, displaying gear information corresponding to the gear position of the triggered anchor point.

[0115] The second triggering operation can be different from the first triggering operation; for example, it could be hovering the mouse over the anchor point. Figure 3B As shown, when the second trigger operation is performed on any anchor point, the gear information 20 corresponding to the triggered anchor point can be displayed. The gear information 20 can be used to represent the preset time span corresponding to the current gear.

[0116] In some embodiments, such as Figure 3A As shown, the scaling control 14 includes a zoom-in control 16 and a zoom-out control 15 disposed at both ends of the scaling axis 18.

[0117] The scaling selection operation of the scaling control includes: at least one first trigger operation on the zoom-in control 21 or the zoom-out control.

[0118] In this embodiment, the first triggering operation can be a click operation on the zoom-in control 16 or the zoom-out control 15. Each time the user clicks the zoom-in control 16 or the zoom-out control 15, the zoom axis dot 19 moves one position on the zoom axis 18. If the position corresponding to the first zoom ratio is several positions away from the current position, the zoom-in control 16 or the zoom-out control 15 needs to be clicked multiple times to achieve the zoom required by the user.

[0119] In some embodiments, the method further includes: in response to a second triggering operation on the zoom-in control or the zoom-out control, displaying function prompts and / or shortcut key operation prompts for the zoom-in control or the zoom-out control.

[0120] The second triggering operation can be different from the first triggering operation; for example, it could be hovering the mouse over the zoom-in control 16 or the zoom-out control 15. Figure 3C As shown, when the second trigger operation is performed on the zoom-in control 16 or the zoom-out control 15, a function prompt 21 corresponding to the zoom-in control 16 or the zoom-out control 15 can be displayed. This function prompt 21 can indicate the function of the zoom-in control 16 or the zoom-out control 15. In addition, the function prompt 21 can also include the shortcut keys corresponding to the zoom-in and zoom-out operations, so as to prompt the user to realize the zoom function based on the shortcut operation.

[0121] In some embodiments, the method further includes: in response to the current zoom level being the maximum zoom level of the zoom control, setting the state of the zoom control to be untriggerable; or, in response to the current zoom level being the minimum zoom level of the zoom control, setting the state of the zoom-out control to be untriggerable.

[0122] In this embodiment, when zooming reaches the maximum or minimum, the zoom control 16 or zoom control 15 is set to be untriggerable, for example, the zoom control 16 or zoom control 15 is grayed out. When the user wants to trigger the zoom control 16 or zoom control 15 in this state, a prompt message is displayed, such as "Continuing to zoom in on the page is not supported in the current time range" or "Continuing to zoom out on the page is not supported in the current time range".

[0123] In some embodiments, the method further includes: in response to a drag operation on a target Gantt bar in the second Gantt chart, displaying a time range corresponding to the target Gantt bar on the time axis of the second Gantt chart.

[0124] In this embodiment, as Figure 5 As shown, when a target Gantt bar in the second Gantt chart is dragged, the corresponding time range 24 is displayed on the time axis of the second Gantt chart. This allows for precise display of the time range corresponding to the target Gantt bar on the time axis of the second Gantt chart, even if the target Gantt bar is short and difficult to see clearly for weekly and monthly spans. This makes it easier for users to accurately obtain the corresponding scheduling time when adjusting personnel schedules through drag-and-drop operations.

[0125] In some embodiments, in response to the width of the target Gantt bar in the second Gantt chart being less than a preset value, the method further includes: in response to a trigger operation on the target Gantt bar in the second Gantt chart, expanding a left-right drag control to display the target Gantt bar.

[0126] In this embodiment, for weekly spans, especially monthly spans, the width of the target Gantt bar in the second Gantt chart will be very small. When the width of the target Gantt bar is less than a preset value, such as... Figure 4 As shown, if the user triggers the target Gantt bar, the left and right drag controls 22 and 23 of the target Gantt bar will be displayed, making it easier for the user to drag the target Gantt bar.

[0127] In some embodiments, the first page to which the first Gantt chart belongs is the homepage or view page of the business function corresponding to the first Gantt chart; in this embodiment, the business function may be, for example, a personnel scheduling function. The method further includes: in response to an open operation of the Gantt chart card corresponding to the first Gantt chart, displaying the Gantt chart card and hiding the zoom control in the Gantt chart card; in response to a full-screen display operation of the Gantt chart card, displaying the Gantt chart card and the zoom control in full screen.

[0128] In this embodiment, if the first Gantt chart is opened through other paths such as the workbench, the Gantt chart card corresponding to the first Gantt chart will be opened, and the zoom control will not be displayed. However, if the user performs a full-screen operation on the Gantt chart card and needs to operate on the first Gantt chart, the Gantt chart card and the zoom control will be displayed in full screen.

[0129] In some embodiments, after the Gantt chart card and the zoom control are displayed in full screen, the method further includes: displaying a scaled second Gantt chart in the Gantt chart card based on a zoom selection operation on the zoom control; and, in response to a cancellation of the full-screen display operation on the Gantt chart card, displaying the Gantt chart card in a non-full-screen manner and displaying the scaled second Gantt chart in the Gantt chart card.

[0130] In this embodiment, the user can zoom in and out on the first Gantt chart in the full-screen Gantt chart card. After the zooming operation, if the user cancels the full-screen operation on the Gantt chart card, the zoomed second Gantt chart will continue to be displayed in the non-full-screen Gantt chart card.

[0131] In some embodiments, the method further includes: determining a default scaling ratio based on the relationship between the duration of the first time range and a preset duration, and displaying the Gantt chart within the first time range in the first Gantt chart at the default scaling ratio.

[0132] In this embodiment, a default scaling ratio can be determined based on the relationship between the duration of the first time range and the preset duration, and the Gantt chart within the first time range in the first Gantt chart can be displayed using the default scaling ratio.

[0133] In some embodiments, when scaling the second Gantt chart, the scaled Gantt chart can be displayed based on a preset position of the second Gantt chart. For example, if the preset position is the center of the second Gantt chart: before scaling, the center of the second Gantt chart is displayed in the center of the first page viewport; after scaling, the center of the second Gantt chart is still displayed in the center of the first page viewport, thus facilitating user viewing.

[0134] In some embodiments, a user's zooming operation on the second Gantt chart based on the current user account will not be synchronized to other user accounts. That is, the result of the user's zooming operation on the Gantt chart within the first time range is only stored in the current account, and other users with permissions to the first Gantt chart cannot see the current user's zooming result on the first Gantt chart.

[0135] It is understood that before using the technical solutions of the various embodiments in this disclosure, users will be informed of the type, scope of use, and usage scenarios of the personal information involved in an appropriate manner, and user authorization will be obtained.

[0136] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose, based on the prompt message, whether to provide personal information to the software or hardware such as electronic devices, applications, servers, or storage media performing the operations of this disclosed technical solution.

[0137] As an optional but not limited implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0138] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

[0139] It should be noted that the method of this disclosure embodiment can be executed by a single device, such as a computer or server. The method of this embodiment can also be applied to a distributed scenario, where multiple devices cooperate to complete the task. In such a distributed scenario, one of these devices may execute only one or more steps of the method of this disclosure embodiment, and the multiple devices will interact with each other to complete the method described.

[0140] It should be noted that the above description describes some embodiments of this disclosure. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in a different order than that shown in the above embodiments and still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require a specific or sequential order to achieve the desired result. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0141] Based on the same inventive concept, corresponding to any of the above-described embodiments, this disclosure also provides an information display device.

[0142] refer to Figure 6 The device includes:

[0143] The receiving module 11 is configured to receive a time range input operation for a first Gantt chart, wherein the time range input operation specifies a first time range;

[0144] Display module 13 is configured to display at least one zoom level based on the first time range;

[0145] The scaling module 15 is configured to scale the second Gantt chart according to a first scaling ratio in response to a gear selection operation of the scaling control; wherein the second Gantt chart includes at least the first Gantt chart within the first time range.

[0146] In some embodiments, the display module 13 is further configured to:

[0147] The longer the time span of the first time range, the more gears are provided.

[0148] In some embodiments, the display module 13 is further configured to:

[0149] The total number of days is determined based on the first time range;

[0150] The number of cells is determined based on the total number of days and the span of days corresponding to the preset time span; the preset time span is the time span corresponding to each cell in the Gantt chart.

[0151] If the number of grids meets the preset conditions, the display level on the scaling control is determined based on the preset time span.

[0152] In some embodiments, the device is further configured to:

[0153] Obtain the product of the number of cells and the preset cell width, where the cell width is the width of each cell in the Gantt chart;

[0154] In response to the product of the number of cells and the cell width being less than the size of the first page to which the first Gantt chart belongs, the cell width is increased;

[0155] In response to the product of the number of grids and the grid width being greater than or equal to the size of the first page, the display level in the zoom control is determined based on the grid width.

[0156] In some embodiments, the preset time span includes at least one of day, week, and month.

[0157] In some embodiments, the device is further configured to:

[0158] In response to the first time range not being divisible by a natural week or natural month, for grids with a time span of less than a week or a month, the grid width for that week or month is displayed according to the percentage of days in that week or month.

[0159] In some embodiments, the scaling control includes a scaling axis and at least one anchor point disposed on the scaling axis, each anchor point corresponding to one of the gear settings;

[0160] The scaling module 15 is further configured to: perform a first trigger operation on the anchor point corresponding to the first scaling ratio, or drag the scaling axis dot to the anchor point corresponding to the first scaling ratio.

[0161] In some embodiments, the device is further configured to:

[0162] In response to a second triggering operation on any of the anchor points, the gear information corresponding to the triggered anchor point is displayed.

[0163] In some embodiments, the scaling control includes a zoom-in control and a zoom-out control disposed at both ends of the scaling axis;

[0164] The scaling module 15 is further configured to perform at least one first trigger operation on the zoom-in control or the zoom-out control.

[0165] In some embodiments, the device is further configured to:

[0166] In response to a second trigger operation on the zoom-in control or the zoom-out control, display function prompts and / or shortcut key operation prompts for the zoom-in control or the zoom-out control.

[0167] In some embodiments, the device is further configured to:

[0168] In response to the current zoom level being the maximum zoom level of the zoom control, the state of the zoom control is set to be untriggerable; or...

[0169] In response to the current zoom level being the minimum zoom level of the zoom control, the state of the zoom control is set to be untriggerable.

[0170] In some embodiments, the device is further configured to:

[0171] In response to a drag operation on a target Gantt bar in the second Gantt chart, the time range corresponding to the target Gantt bar is displayed on the time axis of the second Gantt chart.

[0172] In some embodiments, in response to the width of the target Gantt bar in the second Gantt chart being less than a preset value, the device is further configured to:

[0173] In response to a trigger operation on the target Gantt bar in the second Gantt chart, the left and right drag controls for displaying the target Gantt bar are expanded.

[0174] In some embodiments, the first page to which the first Gantt chart belongs is the homepage or view page of the business function corresponding to the first Gantt chart; the device is further configured to:

[0175] In response to an open operation of the Gantt chart card corresponding to the first Gantt chart, the Gantt chart card is displayed and the zoom control is hidden in the Gantt chart card;

[0176] In response to a full-screen display operation on the Gantt chart card, the Gantt chart card and the zoom control are displayed in full screen.

[0177] In some embodiments, after the Gantt chart card and the zoom control are displayed in full screen, the device is further configured to:

[0178] Based on the gear selection operation of the zoom control, the scaled second Gantt chart is displayed in the Gantt chart card; and,

[0179] In response to the operation of canceling the full-screen display of the Gantt chart card, the Gantt chart card is displayed in a non-full-screen mode, and a scaled-down second Gantt chart is displayed in the Gantt chart card.

[0180] In some embodiments, the device is further configured to:

[0181] Based on the relationship between the duration of the first time range and the preset duration, a default scaling ratio is determined, and the Gantt chart within the first time range in the first Gantt chart is displayed using the default scaling ratio.

[0182] For ease of description, the above apparatus is described in terms of its functions, divided into various modules. Of course, in implementing this disclosure, the functions of each module can be implemented in one or more software and / or hardware.

[0183] The apparatus of the above embodiments is used to implement the corresponding information display method in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0184] Based on the same inventive concept, corresponding to the methods of any of the above embodiments, this disclosure also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the information display method described in any of the above embodiments.

[0185] Figure 7This embodiment illustrates a more specific hardware structure of an electronic device, which may include a processor 1010, a memory 1020, an input / output interface 1030, a communication interface 1040, and a bus 1050. The processor 1010, memory 1020, input / output interface 1030, and communication interface 1040 are interconnected internally via the bus 1050.

[0186] The processor 1010 can be implemented using a general-purpose CPU (Central Processing Unit), microprocessor, application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this specification.

[0187] The memory 1020 can be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1020 can store the operating system and other applications. When the technical solutions provided in the embodiments of this specification are implemented by software or firmware, the relevant program code is stored in the memory 1020 and is called and executed by the processor 1010.

[0188] The input / output interface 1030 is used to connect input / output modules to realize information input and output. Input / output modules can be configured as components within the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Input devices may include keyboards, mice, touchscreens, microphones, various sensors, etc., while output devices may include displays, speakers, vibrators, indicator lights, etc.

[0189] The communication interface 1040 is used to connect a communication module (not shown in the figure) to enable communication between this device and other devices. The communication module can communicate via wired means (such as USB, Ethernet cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0190] Bus 1050 includes a pathway for transmitting information between various components of the device, such as processor 1010, memory 1020, input / output interface 1030, and communication interface 1040.

[0191] It should be noted that although the above-described device only shows the processor 1010, memory 1020, input / output interface 1030, communication interface 1040, and bus 1050, in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the embodiments of this specification, and not necessarily all the components shown in the figures.

[0192] The electronic devices described above are used to implement the corresponding information display methods in any of the foregoing embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0193] Based on the same inventive concept, corresponding to the methods of any of the above embodiments, this disclosure also provides a non-transitory computer-readable storage medium that stores computer instructions for causing the computer to execute the information display method as described in any of the above embodiments.

[0194] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic magnetic disk storage or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.

[0195] The computer instructions stored in the storage medium of the above embodiments are used to cause the computer to execute the information display method as described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be repeated here.

[0196] Those skilled in the art should understand that the discussion of any of the above embodiments is merely exemplary and is not intended to imply that the scope of this disclosure (including the claims) is limited to these examples; within the framework of this disclosure, the technical features of the above embodiments or different embodiments can also be combined, the steps can be implemented in any order, and there are many other variations of different aspects of the embodiments of this disclosure as described above, which are not provided in detail for the sake of brevity.

[0197] Additionally, to simplify the description and discussion, and to avoid obscuring the embodiments of this disclosure, the provided drawings may or may not show well-known power / ground connections to integrated circuit (IC) chips and other components. Furthermore, the apparatus may be shown in block diagram form to avoid obscuring the embodiments of this disclosure, and this also takes into account the fact that the details of implementation of these block diagram apparatuses are highly dependent on the platform on which the embodiments of this disclosure will be implemented (i.e., these details should be fully understood by those skilled in the art). While specific details (e.g., circuitry) have been set forth to describe exemplary embodiments of this disclosure, it will be apparent to those skilled in the art that the embodiments of this disclosure may be implemented without these specific details or with variations thereof. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0198] Although this disclosure has been described in conjunction with specific embodiments thereof, many substitutions, modifications, and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may be used with the embodiments discussed.

[0199] This disclosure is intended to cover all such substitutions, modifications, and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this disclosure should be included within the scope of protection of this disclosure.

Claims

1. An information display method, comprising: Receive a time range input operation for a first Gantt chart, wherein the time range input operation specifies a first time range; At least one zoom level is displayed based on the first time range; the number of zoom levels is determined based on the duration of the first time range; the number of zoom levels included in the zoom control varies with the duration of the first time range, and the zoom ratio that can be achieved varies; the zoom control includes a zoom axis and at least one anchor point set on the zoom axis, and each anchor point corresponds to one zoom level setting. In response to a gear selection operation on the zoom control, the second Gantt chart is scaled according to a first zoom ratio; The scaling control level selection operation includes: a first triggering operation on the anchor point corresponding to the first scaling ratio; The second Gantt chart includes at least the first Gantt chart within the first time range.

2. The method according to claim 1, wherein, The at least one zoom level displayed based on the time range includes: The longer the time span of the first time range, the more gears are provided.

3. The method according to claim 1, wherein, The display of at least one zoom level based on the time range includes: The total number of days is determined based on the first time range; The number of cells is determined based on the total number of days and the span of days corresponding to the preset time span; the preset time span is the time span corresponding to each cell in the Gantt chart. If the number of grids meets the preset conditions, the display level on the scaling control is determined based on the preset time span.

4. The method according to claim 3, further comprising: Obtain the product of the number of cells and the preset cell width, where the cell width is the width of each cell in the Gantt chart; In response to the product of the number of cells and the cell width being less than the size of the first page to which the first Gantt chart belongs, the cell width is increased; In response to the product of the number of grids and the grid width being greater than or equal to the size of the first page, the display level in the zoom control is determined based on the grid width.

5. The method according to claim 3, wherein, The preset time span includes at least one of day, week, and month.

6. The method according to claim 5, further comprising: In response to the first time range not being divisible by a natural week or natural month, for grids with a time span of less than a week or a month, the grid width for that week or month is displayed according to the percentage of days in that week or month.

7. The method according to claim 1, wherein, The operation of selecting the zoom level of the zoom control further includes: dragging the zoom axis dot to the anchor point corresponding to the first zoom ratio.

8. The method according to claim 7, further comprising: In response to a second triggering operation on any of the anchor points, the gear information corresponding to the triggered anchor point is displayed.

9. The method according to claim 1, wherein, The scaling control includes a zoom-in control and a zoom-out control located at both ends of the scaling axis; The operation of selecting the zoom level of the zoom control includes: at least one first trigger operation on the zoom-in control or the zoom-out control.

10. The method of claim 9, further comprising: In response to a second trigger operation on the zoom-in control or the zoom-out control, display function prompts and / or shortcut key operation prompts for the zoom-in control or the zoom-out control.

11. The method of claim 9, further comprising: In response to the current zoom level being the maximum zoom level of the zoom control, the state of the zoom control is set to be untriggerable. or, In response to the current zoom level being the minimum zoom level of the zoom control, the state of the zoom control is set to be untriggerable.

12. The method according to claim 1, further comprising: In response to a drag operation on a target Gantt bar in the second Gantt chart, the time range corresponding to the target Gantt bar is displayed on the time axis of the second Gantt chart.

13. The method according to claim 1, wherein, In response to the width of the target Gantt bar in the second Gantt chart being less than a preset value, the method further includes: In response to a trigger operation on the target Gantt bar in the second Gantt chart, the left and right drag controls for displaying the target Gantt bar are expanded.

14. The method according to claim 1, wherein, The first page to which the first Gantt chart belongs is the homepage or view page of the business function corresponding to the first Gantt chart; the method further includes: In response to an open operation of the Gantt chart card corresponding to the first Gantt chart, the Gantt chart card is displayed and the zoom control is hidden in the Gantt chart card; In response to a full-screen display operation on the Gantt chart card, the Gantt chart card and the zoom control are displayed in full screen.

15. The method according to claim 14, wherein, After displaying the Gantt chart card and the zoom control in full screen, the method further includes: Based on the gear selection operation of the zoom control, the scaled second Gantt chart is displayed in the Gantt chart card; and, In response to the operation of canceling the full-screen display of the Gantt chart card, the Gantt chart card is displayed in a non-full-screen mode, and a scaled-down second Gantt chart is displayed in the Gantt chart card.

16. The method according to claim 1, further comprising: Based on the relationship between the duration of the first time range and the preset duration, a default scaling ratio is determined, and the Gantt chart within the first time range in the first Gantt chart is displayed using the default scaling ratio.

17. An information display device, comprising: The receiving module is configured to receive a time range input operation for a first Gantt chart, wherein the time range input operation specifies a first time range; The display module is configured to: display at least one zoom level of a zoom control based on the first time range; the number of zoom levels of the zoom control is determined based on the duration of the first time range; the number of zoom levels included in the zoom control varies with the duration of the first time range, and the zoom ratio that can be achieved varies; the zoom control includes a zoom axis and at least one anchor point set on the zoom axis, each anchor point corresponding to one of the zoom levels. The scaling module is configured to: scale the second Gantt chart according to a first scaling ratio in response to a gear selection operation of the scaling control; wherein the second Gantt chart includes at least the first Gantt chart within the first time range; The scaling module is further configured to perform a first trigger operation on the anchor point corresponding to the first scaling ratio.

18. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor, when executing the program, implements the information display method as described in any one of claims 1 to 16.

19. A non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the information display method according to any one of claims 1 to 16.

Images