CN116301861A - Page configuration method, electronic device and storage medium - Google Patents

Abstract

Embodiments of the present disclosure provide a page configuration method, an electronic device, and a computer program medium. The method comprises the following steps: displaying a chart component in a designated area of a preset tab page in the client; responsive to selection of a diagramming component, displaying a diagramming component configuration interface for configuring the diagramming component; in a chart component configuration interface, receiving a link to a visual chart set, wherein the visual chart set includes one or more charts and the visual chart set is associated with an online form; based on the received links, associating a chart component with at least one chart in the visualization chart set; and displaying at least one chart in the designated area. By adopting the method according to the embodiment of the disclosure, a more convenient platform for acquiring information can be provided for the user in the client, so that the user can intuitively and conveniently watch the chart information in the client, and the user experience is improved.

Description

Page configuration method, electronic device and storage medium

technical field

The present disclosure relates generally to the field of computers, and more particularly to page configuration methods, electronic devices, and computer storage media.

Background technique

With the continuous development of terminal equipment and Internet technology, various client applications continue to emerge. These various client application programs can provide various functions for users such as individual users or enterprise users, and provide convenience for users in work and life. With the continuous development of client applications, users have higher and higher requirements for applications.

Contents of the invention

According to example embodiments of the present disclosure, there are provided a page configuration method, an electronic device, and a computer storage medium.

In a first aspect of the present disclosure, a page configuration method is provided, including: displaying a chart component in a designated area of a preset tab page in a client; in response to a selection of a chart component, displaying a A chart component configuration interface; in the chart component configuration interface, receiving a link of a visual chart set, wherein the visual chart set includes one or more charts and wherein the visual chart set is associated with an online form; based on the received link, the chart component Associate with at least one chart in the set of visualization charts; and display at least one chart in the specified region.

In a second aspect of the present disclosure, a page display method is provided, including: displaying a chart component in a designated area of a preset tab page in response to an access operation to a preset tab page in a client; At least one chart from the set of visual charts is displayed in , where the set of visual charts is associated with the online sheet.

In a third aspect of the present disclosure, an electronic device is provided, comprising: at least one processing unit; at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit, the The instructions, when executed by at least one processing unit, cause the electronic device to perform the method described according to the first aspect or the second aspect of the present disclosure.

In a fourth aspect of the present disclosure, there is provided a computer-readable storage medium having stored thereon machine-executable instructions that, when executed by a device, cause the device to perform a The method described in the first aspect or the second aspect of the present disclosure.

A fifth aspect of the present disclosure provides a computer program product including computer-executable instructions, wherein the computer-executable instructions implement the method described in the first aspect or the second aspect of the present disclosure when executed by a processor.

This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the disclosure, nor is it intended to limit the scope of the disclosure. Other features of the present disclosure will be readily understood through the following description.

Description of drawings

The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description when taken in conjunction with the accompanying drawings. In the drawings, the same or similar reference numerals indicate the same or similar elements, wherein:

Figure 1 shows a schematic diagram of an example system in which embodiments of the present disclosure can be implemented;

FIG. 2 shows a flow chart of a page configuration method according to an embodiment of the present disclosure;

3A-3G are diagrams illustrating an exemplary online form and each chart in a visual chart set associated with the online form according to an embodiment of the present disclosure;

4A-4D illustrate an exemplary process of page configuration according to an embodiment of the present disclosure;

5A-5B illustrate an exemplary process for switching pages between different user equipments according to an embodiment of the present disclosure;

6A-6E illustrate an exemplary process for displaying an updated configured chart in a chart component according to an embodiment of the disclosure;

7A-7B show schematic diagrams illustrating that a user equipment moves a chart component in response to a user's drag operation according to an embodiment of the present disclosure;

An example of displaying source data related to a dimension in a chart in a chart component according to an embodiment of the present disclosure is shown in FIG. 8 ;

FIG. 9 shows a schematic flowchart of associating a chart with a chart component based on the permission of a visual chart set according to an embodiment of the present disclosure;

FIG. 10 shows a flowchart of a page display method according to an embodiment of the present disclosure;

11A-11B show a schematic process of displaying a configured preset tab page according to an embodiment of the present disclosure;

12 shows a flowchart of an exemplary method of displaying at least one chart in a chart component according to an embodiment of the present disclosure;

Figure 13 shows a schematic block diagram of an example device according to some embodiments of the present disclosure;

Figure 14 shows a schematic block diagram of an example device according to still other embodiments of the present disclosure; and

Figure 15 shows a block diagram of an example device that may be used to implement embodiments of the present disclosure.

Detailed ways

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the drawings, it should be understood that the disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein; A more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for exemplary purposes only, and are not intended to limit the protection scope of the present disclosure.

Providing an information display page in the client to display various types of information can enable users using the client to obtain required information conveniently. Although various information can be quickly integrated and displayed on the information display page of the client, however, with the increasing requirements of users, the current information display page cannot meet the needs of users, which affects the user experience . Therefore, a new page configuration method and page display method are needed.

In view of this, an embodiment of the present disclosure provides a page configuration method, including: displaying a chart component in a designated area of a preset tab page of a client; in response to a selection of the chart component, displaying a chart for configuring the chart component A component configuration interface; in the chart component configuration interface, receiving a link of a visual chart set, wherein the visual chart set includes one or more charts and the visual chart set is associated with an online form; based on the received link, the chart component Associate with at least one chart in the set of visualization charts; and display at least one chart in the specified region. By adopting the page configuration method according to the embodiments of the present disclosure, it is possible to provide users with a more convenient platform for obtaining information, and to enable users to view chart information intuitively and conveniently, thereby providing users with information in the process of making decisions or other judgments. Additional information and support, and further enhance the user experience.

FIG. 1 shows a schematic diagram of an example system 100 in which embodiments of the present disclosure can be implemented. In the system 100, a user equipment 110 and user equipment 121-126 are included. For example, user device 110 may be an administrator device, and user devices 121-126 may be user devices for viewing configured pages. The user equipment 110 as the administrator equipment can configure the page locally or remotely, and send the configured page to the user equipment 121-126 through the network or physical line, thus, the user equipment 121-126 can operate locally through the access Check out the updated page display.

In some embodiments, the user equipment 121-126 may be connected to the user equipment 110 through various types of networks or links, for example, one or more of the plurality of user equipment 121-126 may be connected to the user equipment 110 through various types of The network is remotely connected to user equipment 110 . Additionally, one or more of the plurality of user devices 121-126 may be locally connected to the user device 110 via various types of cables. The present disclosure does not limit the type of connection network or link between the user equipment 110 and the plurality of user equipments 121-126.

In some embodiments, the user equipment 110 and the user equipment 121-126 may be the same type of equipment, or may be different types of equipment, which is not limited in the present disclosure. The user equipments 121-126 may be the same type of equipment, or may be different types of equipment, which is not limited in this disclosure. For example, for illustrative purposes only, user device 110 may be a personal computer, user devices 121-123 may include mobile devices, user devices 124-126 may be minicomputers, and the like. In some embodiments, user device 110 and any of user devices 121-126 may include, but are not limited to, personal computers, server computers, handheld or laptop devices, mobile devices such as mobile phones, personal digital assistants (PDAs) , media players, etc.), in-vehicle devices, multiprocessor systems, consumer electronics, wearable electronics, smart home devices, minicomputers, mainframe computers, edge computing devices, distributed computing devices including any of the above systems or devices Computing environment, etc.

It can be understood that although FIG. 1 shows a user device 110 as an administrator device and six user devices 121-126 that view configured pages through access operations, the system 100 may include more than one user device 110 and a number of user equipments 121-126 different from six. According to actual requirements and situations, the system 100 may include other numbers of user equipment 110 serving as administrator equipment and user equipment used for access operations. In addition, although the user equipment 110 is shown in FIG. 1 as being located at the center of the user equipment 121-162, it is understood that this does not mean that the user equipment 110 needs to be placed in the physical space between the user equipment 121-126. In the middle, the setting manner in FIG. 1 is only schematic, and the user equipment 110 serving as the administrator equipment may be located at any relative position relative to the user equipment 121-126.

In some embodiments, the user device 110 as the administrator device can configure the page of the client, and synchronize the configured page to at least one of the user devices 121-126 performing the access operation, in response to The user's access operation displays the configured page.

In some embodiments, the user equipment 110 may display a chart component in a designated area of a preset tab page in the client. User device 110 may display a chart component configuration interface for configuring the chart component in response to selection of the chart component. Further, the user device 110 may receive a link to a set of visual charts in the chart component configuration interface, where the set of visual charts includes one or more charts, and the set of visual charts is associated with the online form. User device 110 may further associate the chart component with at least one chart in the set of visual charts based on the received link. The user equipment 110 may further display at least one graph in the designated area. By adopting the page configuration method according to the embodiments of the present disclosure, it is possible to provide users with a more convenient platform for obtaining information, and to enable users to view chart information intuitively and conveniently, thereby providing users with information in the process of making decisions or other judgments. Additional information and support, and further enhance the user experience.

A block diagram of an example system 100 in which embodiments of the present disclosure can be implemented is described above in conjunction with FIG. 1 . The following describes a flow chart of a page configuration method 200 according to an embodiment of the present disclosure with reference to FIG. 2 . The actions involved in the method 200 are described below in conjunction with the user equipment 110 shown in FIG. 1 . For example, in some embodiments, the method 200 may be performed by the user equipment 110 . It should be understood that method 200 may also include additional actions not shown and/or actions shown may be omitted, and that the scope of the present disclosure is not limited in this regard.

In block 202, the user device 110 may display a chart component in a designated area of a preset tab page of the client. The client may include various types of client application programs, and the present disclosure does not specifically limit the types of client application programs. For example, the client application program may include, but is not limited to, an instant messaging application program and the like.

In some embodiments, preset tabbed pages may be provided in the client (eg, client application). In some embodiments, the preset tab pages may correspond to one or more functional modules of the client. In other words, the preset tab page may be a page corresponding to any functional module in the client. For example, the functional modules of the client may include a communication functional module, a calendar functional module, a document functional module, a mailbox functional module, a video conference functional module, a task module, and a workbench module.

The page configuration method according to the embodiment of the present disclosure can configure each preset tab page in the client. In some embodiments, the preset tab pages for configuring and displaying chart components may include a workbench page. In the workbench page, the user device 110 can configure and display various components in the workbench page, for example, an announcement component, a project management component, a customer service component, and the like. The user equipment 110 may jump to a preset tab page in response to the user's selection of a jump button or an option provided in the client, and configure various components in the preset tab page. The configured preset tab pages can be accessed and viewed by users who perform access operations.

In some embodiments, the user equipment 110 can configure the chart component in the preset tab page. The user device 110 may display the selected layout template in the preset tab page in response to the user's selection of the layout template in the preset tab page, and display the chart component in the user-designated area according to the user's designation. In some embodiments, the specified area may correspond to one or more preset areas in the layout template. This display process will be described below with reference to example diagrams.

In block 204, user device 110 may, in response to selection of a chart component, display a chart component configuration interface for configuring the chart component. In some embodiments, after the chart component is displayed in the specified area of the preset tab page, the user can further select the area where the chart component is located in the preset tab page, and the user device 110 can respond to the user's request The selection of the chart component, the chart component configuration interface for configuring the chart component is displayed on the preset tab page.

According to the attributes of different components, different configuration information can be displayed in the corresponding component configuration interface. In some embodiments, for the chart component, the chart component configuration interface may include general configuration options for configuring attributes such as the size of the chart component area, title text, etc., and the chart component configuration interface may also include content configuration options, It is used to configure the chart set associated with the chart component (as described below) and the chart content to be displayed in the chart component.

In block 206, the user device 110 may receive a link to the set of visualization charts in the chart component configuration interface. In some embodiments, the link may be a link of the visualization chart set in the client. In some embodiments, the set of visual charts includes one or more charts, and the set of visual charts is associated with an online form.

In some embodiments, the user device 110 may display the content configuration interface in response to the user's selection of the content configuration interface in the chart component configuration interface. The user device 110 may receive a link of the visual chart set input by the user in the content configuration interface. In some embodiments, the set of visual charts may be a set of charts to be associated with a chart component, that is, a set of visual charts in which one or more charts will be displayed in the chart component. Moreover, the chart set includes one or more charts, and the types of charts include but are not limited to histograms, line charts, pie charts, bar charts, scatter charts, combination charts, funnel charts, word clouds or statistics, etc. .

In some embodiments, the set of visual charts may be associated with an online form. In other words, the set of visual charts can be generated based on the data in the online form, and accordingly, the set of visual charts is associated with the online form. In some embodiments, in the online form, the data format of the cells in at least one column is defined by the fields of the cells in the first row of the column. For example, if the field of the cell in the first row of the column is "time", the format of the column can be the date format of xx year/xx month/xx day. For another example, if the cell field in the first row of the column is a percentage, the format of the column can be a percentage format. Moreover, for the online form, different types of data views can be used to display the data in the same online form from different dimensions. For example, data in an online form can be presented by using one or more of table view, album view, kanban view, Gantt chart, calendar view, task view, form view, and so on.

By defining such an online table, the user can conveniently specify the format of the column through the field of the cell in the first row of the online table, without the need for the user to select the attribute for each cell, which is convenient user action. Moreover, various types of formats corresponding to various types of fields can be defined in the online form, which is convenient for users to use under various operating conditions and operating environments, thereby providing a form more suitable for information management. In addition, for online forms, different types of data views such as table view, album view, kanban view, Gantt chart, calendar view, task view and form view can be used to display the data in the same online form from different dimensions. This can provide analysis of data from different dimensions. Moreover, multiple users can perform online editing operations on the same online form. Since each user's operation can be online, the data in the online form can be updated in response to each user's operation, thereby providing Collaboration between users provides great convenience.

Although the online form is used as an example above to describe the situation that the visual chart set is associated with the online form, it can be understood that in other embodiments, the visual chart set can be one or more generated based on other types of files or forms. A collection of charts, used to display the contents of files or tables in a visual chart.

In some embodiments, the set of visualizations may have links. The link can be assigned to the set of visualizations by the client. For example, the user device (may refer to the generator of the visual chart set or the online form; depending on the generator of the visual chart set or the online form, the user device may be the user device 110 or other devices different from the user device 110 ) can generate one or more charts based on the online form, and display the one or more charts on a chart set display page, and this page can be called a "dashboard page". When a user (for example, the generator of a visual chart set or an online form) needs to display the charts in the chart set in the dashboard page in the chart component, the client can respond to the user's confirmation instruction (for example, the user selects the gauge The "Share Dashboard" button provided on the Dashboard page) assigns a corresponding link to the Dashboard page, that is, the set of visual charts.

In some embodiments, in order to ensure that the chart information in the chart component is displayed safely, in other words, unauthorized users cannot view and/or edit charts in the chart component, the client can also generate the link for User-provided permission selections for the user generating the chart set or online form to select users or groups of users who can view and/or edit the chart.

Returning to FIG. 2, in block 208, the user device 110 may associate the chart component with at least one chart in the set of visual charts based on the received link. In some embodiments, after receiving the link of the visual chart set, the user device 110 may, in response to the user's selection of at least one chart in the chart set, associate the chart component with the selected at least one chart, for subsequent The at least one graph is displayed in the step.

Additionally, in some embodiments, the user device 110 may detect whether a link entered by the user is associated with a visualization set. The user device 110 may determine whether the link entered by the user is associated with an atlas through an identifier in the link, such as the word "dashboard". When user device 110 may detect an identifier in a link, user device 110 may determine that the link is associated with a set of diagrams, and proceed to detect a set of visualization diagrams corresponding to the link. User device 110 may further associate the chart component with at least one chart in the set of charts. When the user device 110 does not detect an identifier in the link, the user device 110 may determine that the link is not associated with the atlas, and display prompt information, such as information prompting the user to re-enter the link, to make the user re-enter the link.

In block 210, the user device 110 may display at least one chart in the designated area. After the user device 110 responds to the user's selection of at least one chart, the user device 110 may display the at least one chart in a designated area, ie, a chart component.

As mentioned above, the at least one chart may come from a set of visual charts, the set of visual charts is associated with the online form, and reflects the data in the online form and the relationship between the data. In some embodiments, the at least one chart may change in real time as the content in the online form changes and be displayed in the chart component in real time.

Through the above description, the user equipment 110 can set and display the chart in the preset tab page (for example, the workbench page) of the client, and correspondingly, the user equipment 121-126 can view the information generated by the user equipment 110 through the access operation of the client. The chart component is set, so that the charts associated with the content to be viewed can be viewed intuitively and conveniently, thereby greatly improving the user's operating experience.

The process of page configuration according to an embodiment of the present disclosure will be described below with reference to FIGS. 3A-3G and FIGS. 4A-4D . Figures 3A-3G show schematic views of an exemplary online form and each schematic chart in a visual chart set corresponding to the online form according to an embodiment of the present disclosure. 4A-4D illustrate an exemplary process of configuring a chart component in which to display one or more charts from the set of charts associated with the online form in FIG. 3A , according to an embodiment of the disclosure.

An exemplary online form 300 is illustrated in FIG. 3A. As mentioned above, in the online table, the data format of the cells in at least one column is defined by the fields of the cells in the first row of the column. As shown in Figure 3, the online form 300 can be used to count task-related information, and the form 300 can include 5 columns, each of which corresponds to "task name", "personnel", "statistical date", "progress ","score". "Task Name" can define the format of the first column to correspond to the task name, "Personnel" can define the format of the column to include person portraits and personnel names; "Statistic Date" can define the format of the column as a date ;"Progress" can define the format of the column as a progress bar and a percentage; and "Score" can define the format of the column as a fractional format. It can be understood that the table 300 in FIG. 3 is only schematic, and those skilled in the art can create online tables with different contents according to needs and demands.

It can be understood that the data in the online form 300 can also be displayed from different dimensions through different types of data views. For example, the data in the online form 300 can be displayed by using one or more of table view, album view, kanban view, Gantt chart, calendar view, task view, and form view.

Correspondingly, based on the online form 300, the user device 110 can generate one or more charts for the online form 300, such as "progress line chart", "task pie chart", "scoring Histogram", "Progress Bar Chart", "Progress Scatter Chart", "Personnel Pie Chart", and "Rating Bar Chart". It can be seen that the online form 300 in FIG. 3A is graphically displayed from different dimensions in FIGS. 3B-3G . It can be understood that those skilled in the art can continue to generate multiple other types of charts from different dimensions (for example, task dimension, statistical date dimension, personnel dimension, progress dimension, and rating dimension, etc.) based on the online form 300. This is not limited.

4A-4D illustrate an exemplary process of configuring a chart component on a page in which one or more charts in the visual chart set associated with the online form 300 in FIG. 3A are displayed according to an embodiment of the present disclosure. In FIG. 4A , the user equipment 110 may display a preset tab page 400 , such as a workbench page 400 . As mentioned above, the preset tab page 400 may be redirected to the preset tab page 400 by the user equipment 110 in response to the user's selection of a jump button or an option provided by the client. In the preset tab page 400, various types of components can be displayed, so that the user can conveniently view and obtain relevant information.

As shown in FIG. 4A , the preset tab page 400 includes a selection area 410 , and the selection area 410 includes a layout selection area 412 and a component icon selection area 414 . In the layout selection area 412, a layout template for the preset tab page 400 is provided, such as a "pin" font layout and the like. Icons corresponding to a plurality of components are provided in the component icon selection area 414, including, but not limited to, icons corresponding to chart components.

The preset tab page 400 may also include a canvas area 420 . In some embodiments, user device 110 may set a layout associated with the selected layout template in canvas area 420 in response to user selection of a layout option in layout selection area 412 . As shown in FIG. 4A , the user selects a layout that includes parallel arrangement of upper and lower components, and accordingly, the user device 110 sets a layout of upper and lower components in the canvas area 420: the first component located in the upper part of the canvas area 420 422 and a second component 424 located in the lower portion of the canvas area 420 .

In some embodiments, the user device 110 may respond to the user's icon selection of the chart component in the component icon selection area 414, and drag and release the selected icon on the canvas area according to the user (for example, by dragging with a mouse or a finger). move and release), determine the display position of the chart component, and determine this position as the display position of the display chart component. For example, assuming that the user drags the mouse or finger and releases the chart component in the position corresponding to the second component 424 in FIG. 4A , the user device 110 may display the chart component in the designated area corresponding to the second component. 424 in.

In some embodiments, the user device 110 may display a chart component configuration interface 430 for setting the chart component on the page 400 in response to the user's selection of the second component (ie, the area 424 where the chart component is located), As shown in FIG. 4A , in response to the user's selection of the area 424 , the user device 110 may display the chart component configuration interface 430 in the preset tab page 400 . The chart component configuration interface 430 includes a general setting interface (as shown in FIG. 4A ) and a content setting interface. In the general setting interface, as shown in FIG. 4A , it includes setting items for setting the rounded corners of the area where the chart component is located, the height of the component, and the setting options related to the title of the chart component. By providing general setting options as shown in FIG. 4A , the user can set the area where the chart component is located to a satisfactory shape and to have a satisfactory title.

Referring to FIG. 4B , FIG. 4B shows a schematic diagram of setting options in the content setting interface of the chart component. FIG. 4B is similar to FIG. 4A , except that FIG. 4B shows an interface 430 for content setting in the chart component configuration interface. In the content setting interface 430 , a link input box 432 and a graphic selection box 434 are provided. In some embodiments, the user device 110 may receive a link input by the user into the link input box 432, the link is a link of a set of visual charts (for example, a link in the client), and one of the set of visual charts Or multiple charts are to be displayed in the chart component. Correspondingly, information associated with the charts in the visualization chart set may be displayed in the chart selection box, such as chart name, chart serial number, chart type name, and the like. In some embodiments, user device 110 may detect a chart in the set of visual charts associated with the link and display information associated with the detected chart. In some embodiments, the link has a specific identifier representing the set of visual charts and an identification of the set of visual charts, and the user device 110 can determine that the link points to the set of visual charts by detecting the specific identifier. The user device 110 may further obtain the set of visual charts pointed to by the link based on the identifier, and further acquire the associated information of each chart in the set of charts. The specific acquisition manner may be acquired by using technologies known in the art or developed in the future, which is not limited in the present disclosure.

In some embodiments, an operation guidance display area 436 may also be provided in the content setting interface 430, which is used to display and instruct the user how to modify the chart in at least one form of graphics, text, video, voice or other forms. The components are configured, and the present disclosure does not limit the specific content and form displayed in the area 436 .

FIG. 4C shows that according to an embodiment of the present disclosure, the user device 110 receives a link of a user-input chart set (as schematically shown in the link input box 432 in FIG. 4C ), and detects a chart in the visualized chart set. After the related information, a schematic diagram of the detected chart related information is displayed in the chart selection box 434 . FIG. 4C shows the chart name of the chart. Those skilled in the art can display other information associated with the chart in the chart selection box 434 for the user to select, which is not limited in the present disclosure. The user device 110 may display the detected chart names in FIGS. 3B-3G in the chart selection box 434, as shown in FIG. 4C.

The user equipment 110 may receive a user's selection of at least one chart name, and based on the at least one chart name selected by the user, display a chart corresponding to the chart name in the chart component 424 . 4D shows that the user equipment 110 associates the chart component with the chart corresponding to the "progress bar chart" according to the user's selection of the "progress bar chart", and displays the chart name as "progress bar chart" in the chart component display area 424. " chart. It can be understood that although it is illustrated in FIG. 4D that the user selects a chart, the present disclosure is not limited thereto, and the user can select multiple tables and display them in the chart component.

Therefore, by adopting the page configuration method according to the embodiment of the present disclosure, a more convenient platform for obtaining information can be provided for users in the current client, and the user can intuitively and conveniently view the chart in the current client Information, so as to provide auxiliary information and support for users in the process of making decisions or other judgments, and further improve user experience.

In addition, in some embodiments, when the link in the link input box 432 changes, the displayed content in the graph selection box 434 also changes accordingly. For example, when the link in the link input box 432 is deleted, correspondingly, the displayed content in the graphic selection box 434 is also cleared. For another example, the user may update the link in the link input box 432 , and correspondingly, the user device may display the updated associated information in the chart set in the chart selection box 434 . That is, in some embodiments, the user device may update the link in the chart component configuration interface in response to the user's input, and display the associated information of the chart in the visual chart set associated with the updated link, such as the chart name.

In some embodiments, after the user equipment 110 completes the configuration of the chart component in the current user equipment 110, the configuration information corresponding to the chart component may also be synchronized to corresponding configuration information in other types of user equipment. And it is also possible to switch and display among different types of user equipment after the configuration information is synchronized. For example, the current user device may be a personal computer device, and the user has completed the configuration of the chart component on the current device. The user may synchronize the configuration information to another type of user equipment (for example, a smart phone), and after completing the synchronization of the configuration information, switch the preset tab pages of the clients of different types of user equipment. In this way, the operation of configuring and displaying preset label pages for different types of user equipment can be made more convenient and easy.

Hereinafter, an exemplary process for synchronizing configuration of preset tab pages and switching display among different types of user equipments according to an embodiment of the present disclosure will be described with reference to FIGS. 5A-5B . The page in FIG. 5A is similar to the page in FIG. 4D , showing a page where the chart component configuration has been completed. The same reference numerals in FIG. 5A and FIG. 4D refer to the same content, and for the sake of brevity, details are not repeated here. A toggle button 528 for various types of user equipment is further illustrated in FIG. 5A. The user equipment 110 may switch the corresponding preset tab pages of different types of user equipment in response to the user clicking or selecting the button 528 .

FIG. 5A shows a schematic diagram of the completed configuration of the chart component in the current device 110 . The user equipment may receive a switching instruction from the user to switch between multiple types of user equipment. For example, in response to the user's selection of the button 528, the user equipment 110 may display a page of the second user equipment, for example, the second user equipment workbench page. The type of the second user equipment may be different from the type of user equipment 110 . For example, the user equipment 110 may be a computer, and the second user equipment may be a smart phone.

The user equipment 110 may first determine whether the components of the preset tab page corresponding to the preset tab page 400 of the user equipment 110 on the second user equipment have the component identifier of the chart component. For example, when the preset tab page of the user device 110 is a workbench page, the user device 110 may determine whether a component of the workbench page of the second user device has a component identifier of a chart component. When the user equipment 110 determines that the component of the corresponding preset tab page of the second user equipment does not have the component identification of the chart component, the user equipment 110 may synchronize the setting information of the chart component in the current user equipment to the second user In the corresponding preset tab page of the device, the corresponding preset tab page of the second device after synchronization (for example, the workbench page, as shown in FIG. 5B ) is displayed. When the user equipment determines that the component of the corresponding preset tab page of the second user equipment has the component identifier of the chart component (that is, it means that the second device has synchronized the configuration of the chart component in the corresponding preset tab page), the user equipment 110 In the current user equipment 110, the corresponding preset tab page of the second user equipment (for example, the workbench page corresponding to the page 400 in the second user equipment) can be switched and displayed in the client, and in the second user equipment The chart component is displayed in the designated area of the page corresponding to the preset tab, as shown in FIG. 5B .

In some embodiments, FIG. 5B shows a schematic diagram of displaying the preset tab page 400' corresponding to the preset tab page 400 of the user equipment in the second user equipment in the current user equipment 110 in the client. In the second user equipment, the setting corresponding to the preset tab page 400' can enlarge or reduce the canvas area proportionally according to the ratio of the size of the display screen of the second user equipment to the size of the display screen of the current user equipment, correspondingly Enlarge or reduce the display scale of the chart component in the second device.

In addition, in some embodiments, the schematic diagram in FIG. 5B also includes a key 528, which is displayed in the corresponding preset tab page 400' and is used to switch the display from the second user equipment to the current user equipment. The user equipment 110 may perform an operation similar to the above from the current user equipment to the second user equipment to implement switching from the second user equipment to the current user equipment. For the sake of brevity, no more details are given here.

By setting switching display buttons for multiple types of user equipment in the current user equipment, the configuration of the chart component can be synchronized to other types of equipment, avoiding repeated configuration operations in different user equipment. In addition, it is also possible to conveniently view the configuration of chart components in multi-terminal user devices through a switching operation at one user device, thereby further improving the user's operating experience.

In addition, although the configuration synchronization and switch display between two types of user equipments are described above, those skilled in the art can understand that for three or more different types of user equipments, synchronization configuration and Switching the display can be performed according to the similar operations above, for example, by receiving multiple trigger operations on the button 528, it is possible to sequentially perform synchronous configuration or switch display for various types of user equipment; or multiple buttons 528 can be set, The synchronous configuration and display switching of different types of user equipments are implemented separately, and for the sake of brevity, details are not described here.

In some embodiments, the chart displayed in the chart component can be updated in real time as the information of the chart is updated. For example, when the chart set corresponds to the online form, when the data in the online form changes, correspondingly, the charts in the chart component will also change accordingly, and will be displayed in the specified area 424 in real time, so that Provide users with real-time information display.

In some embodiments, user device 110 may receive an update operation to an online form. The update operation can include modifying the content in the cell, deleting the content in the cell, adding columns, adding rows, modifying the field of the first row of the column (modifying the data format of the column accordingly), etc. to change the data of the online form operation etc. Based on the update operation, the user device 110 may update the set of visual charts associated with the online form. Since the set of visual charts reflects the data of the associated online form, correspondingly, when the data in the online form changes, the set of visual charts will also change accordingly. Correspondingly, the user equipment 110 may display the updated at least one chart in the specified area. The at least one chart is a chart selected by the user and displayed in the chart component area. When the online form is updated, the at least one chart is correspondingly updated and displayed in the chart component in real time.

In some embodiments, the update operation of the online form may also include the update operation of data in any data view of the online form, wherein the data view may include table view, album view, kanban view, Gantt chart, calendar view One or more of , task view form view, or a combination thereof.

In some embodiments, the user device 110 may adjust at least one chart displayed in the chart component according to a user who performs an adjustment operation (for example, a user who has management authority or edit authority to an online form or a chart set), and the chart component The adjusted at least one chart is displayed in . In some embodiments, a user may change the configuration of a chart displayed in the chart component, thereby displaying an updated configured chart in the chart component. 6A-6E illustrate a process for displaying an updated configured chart in a chart component according to an embodiment of the disclosure.

As shown in FIG. 6A , what is currently displayed in the chart component is a "progress bar chart". User device 110 may display an updated chart in response to user configuration updates to the chart. As shown in FIG. 6B , the user equipment 110 may jump from the preset tab page to the dashboard page in response to the user's jump operation. The user device 110 may display the drop-down menu 620 in response to the user triggering the icon on the upper right corner of the progress bar graph (the icon indicated by three dots) in the dashboard page. User device 110 may, in response to user selection of the "Configure" option in drop-down menu 620, display chart configuration interface 640 in a dashboard page, as shown in FIG. 6C. The configuration interface is only schematic, and those skilled in the art can set various configuration information according to requirements and the actual shape or property of the chart.

The user can make various configuration updates to the graph 610 in the configuration interface 640 . Assuming that the sorting basis of the currently displayed chart is "horizontal axis value", when the user wishes to update the sorting basis, for example, he can select "vertical axis value", and accordingly, the user device 110 can receive the user's update settings and display the The updated graph 610 sorted by the vertical axis value is displayed in (as shown in FIG. 6D ). Moreover, the charts in the chart component will also be updated in real time to be charts sorted by the vertical axis values, as shown in FIG. 6E .

By updating the configuration information for charts on the dashboard page, users can easily adjust the display configuration information of charts in the preset tab page, which can bring more convenience to users, and also allow administrators to pass Constantly adjust to display the data in the table to users who perform access operations according to different dimensions and methods.

In addition, although FIG. 6A-FIG. 6E show the configuration update operation performed by the user of the user equipment 110, it can be understood that the user equipment 110 may receive other users (for example, users who perform adjustment operations) in the dashboard page for Update the configuration information of the chart to update the display of the chart on the preset tab page.

In some embodiments, user device 110 may enable movement of a designated area of a chart component in response to user selection of a chart component in designated area 424 . The user equipment 110 may move the chart component according to the movement trace set by the user in response to the user dragging the trace of the component in the screen. In response to the user's drag and release operation (ie, the user's confirmation operation), the user device 110 may display the chart component in the area where the user releases the drag operation, that is, the second designated area. Wherein, the second designated area may be an area defined by a layout template selected by the user.

7A-7B show schematic diagrams illustrating that the user equipment 110 moves a chart component in response to a user's drag operation according to an embodiment of the present disclosure. As shown in FIG. 7A, the user device 110 moves the chart component according to the trace 760 dragged by the user, and in response to the user's dragging and releasing operation, displays the chart component in the second area 422 defined by the layout template selected by the user. . In some embodiments, the user does not need to completely move the chart component into the second area 422, and the user device 110 only needs to detect the area where the mouse or finger is located when the user executes dragging and releasing. If it is located in the second area during the drag operation, the user device 110 may display the dragged chart component in the second area 422 . As shown in FIG. 7B , by responding to the user's drag operation, the user device 110 can display the chart component in the second area 422 of the layout template, that is, further adjustment of the configuration of the preset tab page is realized.

By responding to the user's mobile operation, the user device 110 adjusts the page setting according to the user's needs, and sets the page to meet the user's requirements and needs, thereby providing more convenience for the user in the process of setting the page, thereby improving the user experience. operating experience, and can make the configured page more in line with the user's needs.

In addition, in order to facilitate users to view data, the method according to the embodiment of the present disclosure may also provide a way of displaying the source data of the online form associated with the chart in the chart component. Specifically, in response to a user's selection of a certain dimension (such as task dimension) in the graph, the user device 110 may display information in an online form associated with the dimension on the page. An example of displaying source data related to one dimension in a chart in a chart component according to an embodiment of the present disclosure is shown in FIG. 8 . In FIG. 8 , when the user selects "Task Five" in the chart component by using the mouse or finger or by giving instructions in other ways, the user device 110 can hover over the chart component and display the tasks associated with "Task Five" in the online form. information. By providing a way to view source data in the chart component, users can not only view the chart intuitively, but also view the source data conveniently from any dimension in the chart, so that more complete data can be obtained according to the user's needs.

In some embodiments, in order to keep the information security of the chart displayed in the chart component, the viewing authority of the visual chart set where the chart displayed in the chart component is located (that is, the visual chart set or the visual chart set associated with the visual chart set can be set to Viewing rights of online forms) are limited to users within a limited range, users within this range can view charts, and users outside this range have no right to view charts. In addition, the set of visual charts or the online form associated with the set of visual charts can also set the user's editing authority, users with editing authority can edit the charts in the set of visual charts or the online form associated with the set of visual charts, and the rest Users cannot edit the chart, thus ensuring the security of the chart data. In addition, preset levels of permission control can also be enabled for online forms or visual chart sets. According to the preset basic permission control, users (administrator users or users performing access operations) can access at a finer granularity Or edit the graph or online table, for example, access or edit one or more parts in the graph or table (for example, a specific row or rows, a specific column or columns in the online table).

In some embodiments, user device 110 may determine whether the current user (such as an administrator user) has access to the set of visual diagrams associated with the link, and, in response to having such access, display at least one of the set of visual diagrams. chart. Further, the user device may determine whether the current user (such as an administrator user) has editing rights to the visual chart set or online form associated with the link, and in response to having editing rights, complete the mapping between the chart component and at least one chart in the chart set. associated. In addition, in some embodiments, in response to the online form or the set of visual charts having enabled a preset level of permission control, it is determined whether the current user (such as an administrator user) has the ability to manage the set of visual charts or the online form associated with the link. permission. In response to the current user (such as an administrator user) having administrative privileges, completing the association of the chart component with at least one chart in the chart set

FIG. 9 shows a schematic flow chart of associating a chart with a chart component based on a permission of a visual chart set according to an embodiment of the present disclosure. The actions involved in the method 900 are described below in conjunction with the user equipment 110 shown in FIG. 1 . For example, method 900 may be performed by user equipment 110 in some embodiments. It should be understood that method 900 may also include additional actions not shown and/or actions shown may be omitted, and that the scope of the present disclosure is not limited in this respect.

In block 902, the user device 110 receives a link in the application to the set of visual diagrams in the diagram component configuration interface. This step may be similar to step 206 in FIG. 2 , the specific content of this step will not be repeated here, and those skilled in the art may refer to the description of step 206 above to understand the steps in block 902 .

In block 904, the user device 110 may determine whether the current user (such as an administrator user) has access rights to the set of visualization charts associated with the link. In some embodiments, when generating the link of the set of visual charts, the client may set permissions for the link of the set of visual charts in response to the operation of the generator who generates the online form or set of visual charts. The permission may include, but is not limited to, whether the charts in the visualization chart set can be accessed, and if they can be accessed, by which users and so on. By setting access for the link when the link is generated, the data security of the chart set and online form can be ensured, and it can be prevented from being viewed or tampered by users without permission, thereby avoiding data leakage and further improving data security.

When it is determined in block 904 that the current user (such as an administrator user) has access rights to the set of visual charts associated with the link, proceed to block 906 where user device 110 receives user access to at least one chart choose. For example, a user selection of at least one graph displayed in block 434 is received.

In block 908, the user device may determine whether one or both of the set of visual charts or the online form associated with the set of visual charts has a preset level of permission control enabled. When it is determined that the set of visual charts or the online form associated with the set of visual charts or both the set of visual charts or the online form has enabled the preset level of permission control, it is further determined whether the set of visual charts or the online form has management authority. When it is determined that it has management rights to the set of charts or the online form, the user device 110 completes the association of the chart component with at least one chart in the set of visual charts in block 914 .

When it is determined that it does not have the management right to the chart set or the online form, the user device 110 may further determine in block 912 whether it has the editing right to the chart set or the online form. If it is determined to have editing authority, then in block 914 the association of the chart component with at least one chart in the visual chart set may be completed, otherwise return to block 902 and continue to wait for a new link to be input.

In some embodiments, the set of visual charts has access rights or sharing rights that are independent of those of the online form. In other words, visualization chart sets and online sheets can have their own access rights or sharing rights. By setting the access permission for the link when generating the link and enabling the preset level of permission or editing permission for the online form or chart set, the data security of the chart set and online form can be ensured to avoid being viewed or tampered by users without permission , so as to avoid data leakage and further improve data security.

After the user device 110 (for example, an administrator user) completes setting the preset tab page according to the embodiment described above, other users (for example, users corresponding to the user devices 121-126 in FIG. 1 ) can Access and view the configured preset tab page by performing the access operation. An embodiment in which a user views configured preset tab pages through an access operation will be described below with reference to the accompanying drawings.

FIG. 10 illustrates a flowchart of a page display method 1000 according to an embodiment of the present disclosure. In some embodiments, the method 1000 may be performed by one or more user equipments among the user equipments 121-126 (the following will take the user equipment 121 as an example for illustration; but it is understood that other user equipments may perform similar operate). It should be understood that method 1000 may also include additional acts not shown and/or that shown acts may be omitted, and that the scope of the present disclosure is not limited in this regard.

In block 1020, the user device 121 may display a chart component in a designated area of the preset tab page in response to an access operation to the preset tab page in the client. In block 1040, the user device 121 may display in a chart component at least one chart from the set of visual charts, where the set of visual charts is associated with the online form. The visual chart set includes column chart, line chart, pie chart, bar chart, scatter chart, combination chart, funnel chart, word cloud or statistics, etc. or one or more of them. The set of visual charts associated with the online form may include that the set of visual charts may be generated based on data in the online form. Relevant parts described above with reference to FIGS. 1-9 can be applied to the method 1000, and for the sake of brevity, details are not repeated here.

In some embodiments, the chart component displayed on the preset tab page can be configured by the user device 110 through the following method: in the chart component configuration interface, receiving a link of a visual chart set; based on the received link, linking the chart component with At least one chart in the set of visual charts is associated; and the at least one chart is displayed in a chart component. For the online table, the data format of the cell in each column is defined by the field of the cell in the first row of the column. Relevant parts of the above descriptions with reference to FIGS. 1-9 can be applied here, and for the sake of brevity, details are not repeated here.

11A-11B illustrate a schematic process of displaying a configured preset tab page according to an embodiment of the present disclosure. FIG. 11A shows a schematic diagram of a preset tab page of the client. Taking the client as an instant messaging client application program as an example, the currently displayed preset label page may be the preset label page of the message function. In the preset label page of the message function, the user's access operation to the preset label page of other functions may be received. For example, the user device 121 may receive the user's access operation to the preset tab page of "workbench", so as to display the page configured according to the embodiments in FIGS. 1-9 . FIG. 11B schematically shows that in response to receiving a user access operation on a preset tab page such as “workbench”, a chart component is displayed in a specified area of the preset tab page 1100 ′ of the workbench in FIG. 11B , for example, in the preset tab The chart component is displayed in the lower portion area of the page 1100'. Moreover, the user equipment 121 may display at least one chart in the visual chart set in the chart component, and the visual chart set is associated with the online form.

In some embodiments, when the user device 121 displays at least one chart in the chart component, it can also determine whether one or more of the following conditions are met: the visual chart set or the online form has enabled sharing permission, has a visual chart set or access to the online form, or the presence of the at least one chart in the set of visualization charts. When it is determined that one or more of the above conditions are met, the user equipment 121 may display the at least one chart in the chart component. A flowchart of an exemplary method for displaying the at least one chart in the chart component according to the above conditions will be described below with reference to FIG. 12 .

FIG. 12 shows a flowchart of an exemplary method 1200 of displaying at least one chart in a chart component according to an embodiment of the disclosure. It can be appreciated that the method 1200 in FIG. 12 may also include additional actions not shown and/or actions shown may be omitted, and that the scope of the present disclosure is not limited in this regard.

In block 1202, the user device 121 may respond to the user's access operation and display the preset tab page targeted by the access operation, as described in conjunction with block 1020 in FIG. 10 . In block 1204, the user device 121 may determine whether the visual chart set in which at least one chart to be displayed in the chart component resides or the online form associated with the visual chart set has enabled sharing permission. If it is determined to be "yes", then go to block 1208, and in block 1208, determine whether the user device 121 has access authority to the set of visual charts or the online form. If determined as "yes", the user equipment 121 may display the at least one graph in the graph component. In some embodiments, the access rights or sharing rights of the visualization chart set are independent of the access rights or sharing rights of the online form, respectively.

In addition, in some embodiments, as shown in FIG. 12 , before displaying the at least one chart, the user device 121 may also determine in block 1212 whether the at least one table exists, for example, whether it has not been deleted. If it is determined that the at least one table exists, the user device 121 may proceed to block 1216 to display the at least one table in a chart component.

In addition, as shown in FIG. 12 , when it is determined in block 1204 that the visual chart set where at least one chart to be displayed in the chart component is located or the online form associated with the visual chart set has not enabled the sharing permission, then the user device in block 1206 A message indicating a loading error is displayed in . When it is determined in block 1208 that the user device 121 does not have the access right to the visualization chart set or the online form, then go to block 1210 and display a prompt message that does not have access right. When it is determined in block 1212 that the at least one table does not exist, enter block 1214 and display a prompt message that the table does not exist.

In some embodiments, the user device 121 may also display the updated at least one chart in the chart component in response to an update operation from the online form. An update operation from the online form may include an edit operation on the form by a user with editing or administrative rights to the online form. In addition, an update from an online form can also include an update on data from any data view of the online form, where a data view can include a table view, album view, kanban view, Gantt chart, calendar view, task view form One or more of views, or a combination thereof.

In some embodiments, the user device 121 may also display the updated at least one chart in the chart component in response to an update operation of the configuration information from the at least one chart. The above exemplary process in conjunction with FIG. 6A-FIG. 6E can be applied here, and it can be understood that the update operation of the configuration information of at least one chart can be performed by other user equipment than the user equipment 121, and the user equipment 121 Display updated at least one chart.

In addition, in some embodiments, the user device 121 may also respond to the user's selection of a certain dimension in at least one chart displayed in the chart component, an example of source data related to the dimension in the chart, in other words In response to the user's selection of a certain dimension (such as task dimension) in the chart displayed in the chart component, the user device 110 may display information in an online form associated with the dimension on a preset tab page.

The example in Figure 8 can be applied here. In FIG. 8 , when the user selects "Task Five" in the chart component by using the mouse or finger or by giving instructions in other ways, the user device 121 can hover over the chart component and display the tasks associated with "Task Five" in the online form. information. By providing a way to view source data in the chart component, users can not only view the chart intuitively, but also view the source data conveniently from any dimension in the chart, so that more complete data can be obtained according to the user's needs.

FIG. 13 shows a schematic block diagram of an example apparatus 1300 according to some embodiments of the present disclosure. Apparatus 1300 may be implemented by software, hardware or a combination of both. As shown in FIG. 10 , the device 1300 includes a first display module 1310 , a second display module 1320 , a receiving module 1330 , an association module 1340 and a third display module 1350 .

In some embodiments, the first display module 1310 is configured to display a chart component in a designated area of a preset tab page of the client. The second display module 1320 is configured to display a chart component configuration interface for configuring the chart component in response to the selection of the chart component. In some embodiments, the receiving module 1330 is configured to receive the link of the visual chart set in the chart component configuration interface. In some embodiments, the set of visual charts includes one or more charts and is associated with an online form. The associating module 1340 is configured to associate the chart component with at least one chart in the set of visual charts based on the received link. And, the third display module 1350 is configured to display at least one graph in a designated area.

The apparatus 1300 in FIG. 13 can be used to implement the processes described above in conjunction with FIGS. 1 to 9 , and for the sake of brevity, details are not repeated here.

FIG. 14 shows a schematic block diagram of an example apparatus 1400 according to some embodiments of the present disclosure. Apparatus 1400 may be implemented by software, hardware or a combination of both. As shown in FIG. 14 , the device 1400 includes a component display module 1410 and a graph display module 1420 . In some embodiments, the component display module 141 may display the chart component in a designated area of the preset tab page in response to an access operation to the preset tab page in the client. The chart display module 1420 may display at least one chart in a visual chart set in a chart component, where the visual chart set is associated with the online form. The apparatus 1400 in FIG. 14 can be used to implement the processes described above in conjunction with FIG. 10 to FIG. 12 , and for the sake of brevity, details are not repeated here.

The division of modules or units in the embodiments of the present disclosure is schematic, and is only a logical function division. In actual implementation, there may be other division methods. In addition, the functional units in the disclosed embodiments can be integrated In one unit, it may exist separately, or two or more units may be integrated into one unit. The above-mentioned integrated units can be implemented in the form of hardware or in the form of software functional units.

FIG. 15 shows a block diagram of an example device 11100 that may be used to implement embodiments of the present disclosure. It should be understood that the device 1500 shown in FIG. 15 is exemplary only and should not constitute any limitation on the functionality and scope of the implementations described herein. For example, device 1500 may be used to perform the processes described above in FIGS. 1-12 .

As shown in Figure 15, device 1500 is in the form of a general purpose computing device. Components of computing device 1500 may include, but are not limited to, one or more processors or processing units 1510, memory 1520, storage devices 1530, one or more communication units 1540, one or more input devices 1550, and one or more output devices 1560. The processing unit 1510 may be an actual or virtual processor and can perform various processing according to programs stored in the memory 1520 . In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to increase the parallel processing capability of the computing device 1500 .

Computing device 1500 typically includes a plurality of computer storage media. Such media can be any available media that is accessible by computing device 1500, including but not limited to, volatile and nonvolatile media, removable and non-removable media. The memory 1520 may be a volatile memory (such as a register, a cache, a random access memory (Random Access Memory, RAM)), a nonvolatile memory (such as a read only memory (Read Only Memory, ROM), an electrically erasable Programmable Read Only Memory (Electrically Erasable Programmable Read Only Memory, EEPROM), flash memory) or some combination thereof. Storage devices 1530 may be removable or non-removable media, and may include machine-readable media, such as flash drives, magnetic disks, or any other media that may be capable of storing information and/or data (e.g., training data for training ) and can be accessed within computing device 1500.

The computing device 1500 may further include additional removable/non-removable, volatile/nonvolatile storage media. Although not shown in FIG. 15, a disk drive for reading from or writing to a removable, nonvolatile disk (such as a "floppy disk") and a disk drive for reading from a removable, nonvolatile disk may be provided. CD-ROM drive for reading or writing. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. Memory 1520 may include a computer program product 1525 having one or more program modules configured to perform various methods or actions of various implementations of the present disclosure.

The communication unit 1540 enables communication with other computing devices through communication media. Additionally, the functionality of the components of computing device 1500 may be implemented in a single computing cluster or as a plurality of computing machines capable of communicating via communication links. Accordingly, computing device 1000 may operate in a networked environment using logical connections to one or more other servers, a network Personal Computer (PC), or another network node.

Input device 1550 may be one or more input devices, such as a mouse, keyboard, trackball, and the like. Output device 1560 may be one or more output devices, such as a display, speakers, printer, or the like. The computing device 1500 can also communicate with one or more external devices (not shown) through the communication unit 1540 as needed, such as storage devices, display devices, etc., and one or more devices that enable the user to interact with the computing device 1500 communicate with, or communicate with, any device (eg, network card, modem, etc.) that enables computing device 1500 to communicate with one or more other computing devices. Such communication may be performed via an Input/Output (I/O) interface (not shown).

According to an exemplary implementation of the present disclosure, there is provided a computer-readable storage medium on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of the present disclosure, there is also provided a computer program product tangibly stored on a non-transitory computer-readable medium and comprising computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, there is provided a computer program product on which a computer program is stored, the program implementing the method described above when executed by a processor.

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

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

computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other equipment, so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other equipment to produce a computer-implemented process, Instructions executed on computers, other programmable data processing devices, or other devices can thus implement the functions/actions specified in one or more blocks in the flowcharts and/or block diagrams.

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

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

Claims (31)

1. A page configuration method, comprising: Display the chart component in the specified area of the preset tab page in the client; In response to the selection of the chart component, displaying a chart component configuration interface for configuring the chart component; In the configuration interface of the chart component, a link of a set of visual charts is received, wherein the set of visual charts includes one or more charts, wherein the set of visual charts is associated with an online form; associating the chart component with at least one chart in the set of visual charts based on the link received; and The at least one chart is displayed in the designated area. 2. The method according to claim 1, wherein, in the online form, the data format of the cells in each column is defined by the fields of the cells in the first row of the column. 3. The method of claim 1, further comprising: receiving updates to said online form; updating the set of visualizations associated with the online form based on the update operation; and The updated at least one chart is displayed in the designated area. 4. The method of claim 3, wherein receiving an update to the online form comprises: receive updates to data in any view of said online form, Wherein the data view includes at least one of the following items: table view, album view, kanban view, Gantt chart, calendar view, task view or form view. 5. The method of claim 1, further comprising: In the set of visualized charts, receiving an update operation for configuration information of the at least one chart; updating said at least one chart in said set of visualization charts based on said update operation for configuration information of said at least one chart; and The updated at least one chart is displayed in the designated area. 6. The method of claim 1, wherein associating the chart component with at least one chart in the set of charts comprises: retrieving the at least one chart in the set of visual charts associated with the link; and A selection operation is received for the at least one chart to associate the chart component with the at least one chart. 7. The method according to claim 1, after receiving the link of the visual chart collection, further comprising: determining whether there is access to the set of visualizations associated with the link; and In response to having the access right, displaying the at least one chart in the set of visual charts. 8. The method of claim 7, associating the chart component with at least one chart in the set of charts, further comprising: determining whether to have editing rights to the set of visualizations or the online form associated with the link; and In response to having the editing permission, associating the chart component with at least one chart in the set of visual charts is completed. 9. The method of claim 7, associating the chart component with at least one chart in the set of charts, further comprising: In response to the online form or the set of visual charts enabling a preset level of permission control, determining whether there is management permission for the set of visual charts or the online form associated with the link; and Responsive to having the administrative permission, associating the diagram component with at least one diagram in the set of diagrams is completed. 10. The method of claim 1, further comprising: detecting whether the link is associated with a set of visualization charts; and In response to the link being not associated with the set of visual charts, prompt information is displayed. 11. The method of claim 1, further comprising: In the first user equipment, receiving a switching instruction for switching display between multiple user equipments; determining in the first user device whether the component of the corresponding preset tab page of the second user device has the component identifier of the chart component; and Responding to the fact that the component of the corresponding preset tab page of the second user equipment does not have the component identifier, synchronizing the setting information of the chart component in the first user equipment to the second user device, Wherein the type of the first user equipment is different from the type of the second user equipment. 12. The method of claim 11, further comprising: In response to the component of the corresponding preset tab page of the second user equipment having the identification, displaying the corresponding preset tab page of the second user equipment in the first user equipment; and The chart component is displayed in a designated area of the corresponding preset tab page of the second user equipment. 13. The method of claim 1 , wherein the set of visual charts comprises at least one of the following: a histogram, a line chart, a pie chart, a bar chart, a scatter plot, a combination chart, a funnel chart, a word Cloud or statistics. 14. The method of claim 1, wherein the set of visual charts associated with an online form comprises: The set of visual charts is generated based on the data in the online form. 15. The method of claim 1, wherein the set of visual charts has access rights or sharing rights that are independent of those of the online form, respectively. 16. The method of claim 1, wherein the link is a link of the set of visualization diagrams in the client. 17. The method of any one of claims 1-16, further comprising: receiving a user selection of the chart component in the specified area; moving said chart component according to a movement trace set by a user; and The chart component is displayed in the second designated area in response to a confirmation operation from the user. 18. A page display method, comprising: In response to an access operation to a preset tab page in the client, displaying a chart component in a designated area of the preset tab page; and At least one chart from a set of visual charts is displayed in the chart component, wherein the set of visual charts is associated with an online form. 19. The method of claim 18, wherein the chart component is configured by: In the chart component configuration interface, receive the link of the visual chart set; associating the chart component with at least one chart in the set of visual charts based on the link received; and The at least one chart is displayed in the chart component. 20. The method according to claim 18, wherein in the online form, the data format of the cells in each column is defined by the fields of the cells in the first row of the column. 21. The method of claim 18, further comprising: The updated at least one chart is displayed in the chart component in response to an update operation from the online form. 22. The method of claim 18, further comprising: The updated at least one chart is displayed in the chart component in response to an update operation of the configuration information from the at least one chart. 23. The method of claim 18, further comprising: Determine whether any of the following conditions is met: the set of visual charts or the online form has enabled sharing permission, has access to the set of visual charts or the online form, and the set of visual charts or the online form has at least a chart; and In response to satisfying any of the conditions, displaying the at least one chart in the chart component. 24. The method of claim 18, further comprising: Determine whether the set of visual charts or the online form has sharing permission enabled; Responsive to the set of visual charts or the online form having the sharing permission enabled, determine whether to have access to the set of visual charts or the online form; and In response to having access to the set of visual charts or the online form, the at least one chart is displayed in the chart component. 25. The method of claim 24, prior to displaying said at least one chart in said chart component, further comprising: determining whether the at least one chart exists in the set of visual charts; and In response to the presence of the at least one chart in the set of visual charts, the at least one chart is displayed in the chart component. 26. The method of claim 18, wherein the set of visual charts comprises at least one of the following: a column chart, a line chart, a pie chart, a bar chart, a scatter plot, a combination chart, a funnel chart, a word Cloud or statistics. 27. The method of claim 18, wherein the set of visual charts associated with an online form comprises: The set of visual charts is generated based on the data in the online form. 28. The method of claim 18, wherein the set of visualizations has access rights or sharing rights, respectively, independent of the access rights or sharing rights that the online form has. 29. An electronic device comprising: at least one processing unit; at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit that, when executed by the at least one processing unit, cause the electronic The device performs the method according to any one of claims 1-16 or 17-28. 30. A computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the method according to any one of claims 1 to 16 or 17-28 is implemented. 31. A computer program product, on which a computer program is stored, the program implementing the method according to any one of claims 1 to 16 or 17-28 when executed by a processor.

Images