WO2019127824A1 - 可视化图表页面实现方法、装置、终端设备及存储介质 - Google Patents
可视化图表页面实现方法、装置、终端设备及存储介质 Download PDFInfo
- Publication number
- WO2019127824A1 WO2019127824A1 PCT/CN2018/074669 CN2018074669W WO2019127824A1 WO 2019127824 A1 WO2019127824 A1 WO 2019127824A1 CN 2018074669 W CN2018074669 W CN 2018074669W WO 2019127824 A1 WO2019127824 A1 WO 2019127824A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- chart
- page
- target
- adjustment
- user
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
Definitions
- the present application relates to the field of data processing, and in particular, to a method, an apparatus, a terminal device, and a storage medium for implementing a visual chart page.
- the embodiment of the present application provides a method, an apparatus, a terminal device, and a storage medium for implementing a visual chart page, so as to solve the problem that a user cannot implement a visual chart page efficiently and conveniently.
- an embodiment of the present application provides a method for implementing a visualization chart page, including:
- the chart editing request including a user ID and a data source ID
- the chart selection request including a chart type ID and a visualization area ID;
- the raw data is acquired based on the data source ID, and the original data is processed by using the target chart to obtain a visualized chart page.
- the embodiment of the present application provides a visual chart page implementation apparatus, including:
- a chart editing request obtaining module configured to acquire a chart editing request, where the chart editing request includes a user ID and a data source ID;
- a basic chart list obtaining module configured to acquire a basic chart list within a permission range corresponding to the user ID based on the user ID, and display the basic chart list in a visual chart configuration interface;
- a chart selection request obtaining module configured to acquire a chart selection request, where the chart selection request includes a chart type ID and a visualization area ID;
- a target chart obtaining module configured to acquire a target chart corresponding to the chart type ID from the basic chart list, and place the target chart in the visualization chart configuration interface corresponding to the visualization area ID Configuration area
- a visualization chart page obtaining module configured to acquire the original data based on the data source ID, process the original data by using the target chart, and obtain a visualization chart page.
- an embodiment of the present application provides a terminal device, including a memory, a processor, and computer readable instructions stored in the memory and executable on the processor, where the processor executes the computer The following steps are implemented when reading the instruction:
- the chart editing request including a user ID and a data source ID
- the chart selection request including a chart type ID and a visualization area ID;
- the raw data is acquired based on the data source ID, and the original data is processed by using the target chart to obtain a visualized chart page.
- an embodiment of the present application provides a computer readable storage medium, where the computer readable storage medium stores computer readable instructions, and when the computer readable instructions are executed by a processor, the following steps are implemented:
- the chart editing request including a user ID and a data source ID
- the chart selection request including a chart type ID and a visualization area ID;
- the raw data is acquired based on the data source ID, and the original data is processed by using the target chart to obtain a visualized chart page.
- a chart editing request is first acquired, and the chart editing request includes a user ID and a data source ID. Based on the user ID in the chart editing request, the basic chart list within the permission range corresponding to the user ID is obtained, and the basic chart list is displayed in the visual chart configuration interface, and the basic chart list can be visually presented to the user to facilitate the user to select. Then, a chart selection request is obtained.
- the chart selection request includes a chart type ID and a visualization area ID.
- the target chart By obtaining a target chart corresponding to the chart type ID from the basic chart list, the target chart is placed in the visual chart configuration interface and the visualization area ID is On the corresponding configuration area, the target chart corresponding to at least one chart type ID is configured on the visual chart configuration interface.
- the raw data is obtained based on the data source ID, and the original data is processed by using the target chart, that is, each configuration area in the visual chart configuration interface uses a target chart to process the original data, and a visualization chart page is formed based on the charts formed by all the configuration areas.
- the embodiment of the present application can help the user to quickly and efficiently create a visual chart page, improve the production efficiency of the visual chart page, and reduce the implementation cost of the visual chart page.
- FIG. 1 is a flowchart of a method for implementing a visualization chart page in Embodiment 1 of the present application
- FIG. 2 is a flow chart of a specific embodiment of step S20 of FIG. 1.
- FIG. 3 is a flow chart of a specific embodiment of step S50 of FIG. 1.
- FIG. 4 is a flowchart of a specific implementation manner of a method for implementing a visualization chart page in Embodiment 1 of the present application.
- FIG. 5 is a flowchart of another specific implementation manner of a method for implementing a visualization chart page in Embodiment 1 of the present application.
- FIG. 6 is a schematic block diagram of an apparatus for implementing a visualization chart page in Embodiment 2 of the present application.
- FIG. 7 is a schematic diagram of a terminal device in Embodiment 4 of the present application.
- FIG. 1 is a flow chart showing a method for implementing a visualization chart page in the embodiment.
- the visualization chart page implementation is applied to a computer, tablet or other terminal device for efficient and convenient production of visual chart pages.
- the method for implementing the visualization chart page includes the following steps:
- S10 Acquire a chart editing request, and the chart editing request includes a user ID and a data source ID.
- the chart editing request refers to a request to edit the content or form of the chart.
- the user ID is an identifier for distinguishing different users, and one user ID corresponds to a unique user.
- the data source ID is an identifier for identifying the original data, and the corresponding original data can be quickly located by the data source ID, so that the corresponding original data is obtained based on the data source ID.
- the raw data is a data source that needs to be graphed, and the original data is presented in various forms, including but not limited to at least one of an Excel document and a linked database.
- related information such as the type, dimension, and indicator of the chart that the original data needs to be presented may be obtained according to the characteristics of the original data. For example, if the characteristics of the original data can be better reflected by the three-dimensional shape, the selected chart type can be a three-dimensional chart type, so that the original data is presented in the form of a three-dimensional chart.
- S20 Obtain a basic chart list within the permission range corresponding to the user ID based on the user ID, and display the basic chart list in the visual chart configuration interface.
- the chart can be divided into different types, such as bar chart, histogram, line chart, 3D chart and pie chart.
- the base chart list is a list corresponding to the base chart that does not contain data content.
- the visual chart configuration interface refers to a configuration interface that uses computer graphics and image processing technology to convert data into graphics or images for display on the screen.
- the user ID is the unique identifier of the user. All the basic charts within the scope of the user's authority can be determined by the user ID, and all the basic charts are displayed in the form of a list in the visual chart configuration interface, that is, the basic chart list is displayed in the visual chart configuration interface. . In this way, the basic chart list can be visually presented to the user, so that the user can make a reasonable selection.
- S30 Acquire a chart selection request, and the chart selection request includes a chart type ID and a visualization area ID.
- the chart selection request refers to a request for selecting a basic chart within the authority range corresponding to the user ID and displaying the basic chart on a corresponding configuration area of the visual chart configuration interface.
- the chart type ID is an identifier for identifying different types of charts. Each type of chart has a unique corresponding chart type ID. Based on the chart type ID, a chart of the corresponding type can be quickly found.
- the visualization chart configuration interface is divided into different configuration areas, and the visualization area ID is an identifier for identifying different configuration areas on the visualization chart configuration interface, and one configuration area corresponds to a unique visualization area ID, so as to be quickly positioned by the visualization area ID. Visualize the corresponding configuration area on the chart configuration interface.
- the chart type ID Based on the chart type ID, it is possible to determine what type of chart the user has selected to obtain a target chart corresponding to the chart type ID from the base chart list. For example, if the chart type ID corresponds to a pie chart, a pie chart is obtained from the base icon list, which is the target chart corresponding to the chart type ID. After obtaining the target chart, according to the visualization area ID, positioning the configuration area corresponding to the visualization area ID in the visualization chart configuration interface, and placing the target chart on the configuration area to determine each configuration in the visualization chart configuration interface. The target chart corresponding to the area.
- the target chart is placed in the configuration area corresponding to the visualization area ID in the visual chart configuration interface, and specifically includes: dragging the target chart to the visualization using the JQuery UI-draggable plugin on the visual chart configuration interface.
- the configuration area of the chart configuration interface corresponding to the visualization area ID.
- the JQuery UI–Draggable plugin is a plugin for dragging selected elements or objects with the mouse.
- the user selects the target chart by mouse, and uses the JQuery UI–draggable plugin to drag the target chart onto the configuration area corresponding to the visual area ID, so as to quickly and efficiently determine each of the visual chart configuration interfaces.
- the target chart corresponding to the configuration area.
- the JQuery UI–draggable plugin detects that the user releases the mouse on the visual chart configuration interface, the current dragged target chart is placed on the configuration area corresponding to the visual area ID, ie the target is taken using the JQuery UI–draggable plugin.
- the operation process is simple and convenient, which is beneficial to improve the production efficiency of the visual chart page.
- S50 Obtain the original data based on the data source ID, and process the original data by using the target chart to obtain a visual chart page.
- some or all of the original data to be reflected in the target chart may be determined according to the data source ID in the received chart editing request, and the target chart on each configuration area of the visual chart configuration interface may be used for the part or all of the target chart.
- the raw data is visualized to obtain corresponding visualized charts, so that corresponding visualized charts are displayed in corresponding configuration areas of the visualized chart configuration interface to form a visualized chart page.
- the partial or all of the original data is visualized by setting the relevant chart parameters of the target chart to form a corresponding visual chart.
- the chart parameter is a parameter for configuring the chart, and the parameter includes at least one of, but not limited to, information such as size, color, type, and display position.
- the target chart is a pie chart
- the chart parameters such as the color, size, and display position of the pie chart
- the selected part or all of the original data is visualized by using the target chart with the chart parameters set. Get the corresponding target pie chart (that is, the visual chart).
- a chart editing request is first acquired, and the chart editing request includes a user ID and a data source ID. Based on the user ID in the chart editing request, the basic chart list within the permission range corresponding to the user ID is obtained, and the basic chart list is displayed in the visual chart configuration interface, and the basic chart list can be visually presented to the user to facilitate the user to select. Then, a chart selection request is obtained.
- the chart selection request includes a chart type ID and a visualization area ID.
- the target chart By obtaining a target chart corresponding to the chart type ID from the basic chart list, the target chart is placed in the visual chart configuration interface and the visualization area ID is On the corresponding configuration area, the target chart corresponding to at least one chart type ID is configured on the visual chart configuration interface.
- the raw data is obtained based on the data source ID, and the original data is processed by using the target chart, that is, each configuration area in the visual chart configuration interface uses a target chart to process the original data, and a visualization chart page is formed based on the charts formed by all the configuration areas.
- a basic chart list is displayed in the visual chart configuration interface, including:
- S21 Create at least one document object model, and the document object model is used to store chart parameters of each basic chart in the basic chart list.
- the Document Object Model is a standard programming interface recommended by the W3C organization for handling extensible markup languages.
- objects of a page or document are organized in a tree structure (ie, in the DOM) to represent a standard model of a page or object in a document.
- DOM technology allows user pages to be dynamically changed, such as dynamically displaying or hiding an element, changing the attributes of an element, adding an element, etc., enhancing the interactivity of the page.
- the document object model is used to store the chart parameters of each of the basic charts, that is, the attributes of the objects are added to the DOM, and the chart parameters of each of the basic charts are in the DOM object.
- S22 Render a thumbnail corresponding to each basic chart on the visual chart configuration interface based on the chart parameters of the at least one document object model.
- step S21 Adding at least one document object model created in step S21 to the browser, and rendering a thumbnail corresponding to the basic chart that the user can view on the configuration area of the visual chart configuration interface based on the chart parameter of the at least one document object model. This allows a basic chart list to be displayed in the visual chart configuration interface for chart selection.
- the chart parameters of the base chart are stored such that the chart parameters of the base chart are in the DOM object, and the DOM object is added with attributes according to the chart parameters.
- a thumbnail corresponding to the base chart is rendered on the visual chart configuration interface to display at least one chart type on the visual chart configuration interface through the thumbnail.
- the thumbnails can be used to more intuitively reflect the differences between different basic charts, so as to help more intuitive and quick selection of the appropriate basic chart for visualization, and improve the efficiency of visual chart page production.
- the selected target chart when the original data is processed by the target chart, the selected target chart can be adjusted to replace the new target chart, and then the original data is processed so that the visual chart page can be based on the user. Need to set up autonomously.
- the method for implementing the visualization chart page further includes:
- S51 Acquire a chart adjustment request, and the chart adjustment request includes an adjustment area ID and an adjustment type ID.
- the chart adjustment request refers to a request for adjusting the currently selected target chart. After selecting the target chart, if it is found that the target chart corresponding to the chart type is not suitable, the current target chart can be adjusted through the chart adjustment request, and replaced with the target chart corresponding to the new chart type.
- the adjustment area ID is an identification for identifying the configuration area in which the target chart before adjustment (ie, the target chart to be adjusted) is located on the visualization chart configuration interface.
- the adjustment type ID is used to identify the identity of the new chart type after adjustment, that is, the target chart for determining which new chart type needs to be adjusted to the target chart on the current configuration area.
- the corresponding configuration area in the visual chart configuration interface is located, and then the target chart in the configuration area is determined, and the target chart is a chart that needs to be adjusted.
- the adjustment chart is a new target chart that is re-determined by the user through the chart adjustment request and needs to be displayed in the corresponding configuration area in the visualization chart configuration interface.
- the transition method refers to the method of realizing the transition or transformation between paragraphs and paragraphs, scenes and scenes.
- the transition method can include fades, flips, slides, or flips, and the like.
- a transition method may be set as the default transition method, such as setting the flip to the default transition method. That is, in this step, the flipping transition method is adopted by default to adjust the currently displayed target chart in the configuration area of the visual chart configuration interface to the adjustment chart corresponding to the adjustment type ID (ie, updated to the new target chart), and based on The adjustment chart processes the raw data to obtain a corresponding visualization chart to visualize the chart page.
- the current target chart is a pie chart.
- the user finds that the histogram can reflect the characteristics of the original data during the visualization of the chart.
- the client can generate a chart adjustment request and adjust the target chart from the pie chart to the histogram.
- the chart adjustment request includes an adjustment area ID and an adjustment type ID, and the adjustment area ID corresponds to a configuration area of the pie chart on the visualization chart configuration interface, and the adjustment type ID corresponds to the histogram in the basic icon.
- the pie chart in the corresponding configuration area on the visualization chart configuration interface at this time is adjusted to a histogram by using the transition method.
- the chart type of the corresponding configuration area in the visual chart configuration interface can be adjusted.
- the chart displayed in the corresponding configuration area in the visual chart configuration interface may be adjusted according to the chart adjustment request in the embodiment.
- the adjustment method is simple and convenient, and the technical effect of updating the visualization chart can be realized more conveniently and quickly.
- the visualization chart page includes a browsing path, and the browsing path refers to an access path to the visualization chart page.
- a browsing path corresponding to the visual chart page is generated on the visual chart configuration interface to view the corresponding visual chart page based on the browsing path.
- S61 Acquire a permission configuration request, and the permission configuration request includes a browsing path and a page type.
- the permission configuration request refers to a request for the user to configure the access permission of the self-implemented visualization chart page.
- the page type refers to the type to which the visualization chart page belongs, and the page type includes, but is not limited to, at least one of a privacy page type, a security page type, and a regular page type. If the page involves hidden information (such as girlfriends, parent-child photos, and diaries, etc.), it is the type of privacy page; if the page involves information such as personal accounts (such as Alipay account and bank card account), it is the type of secure page; the information involved in the page For public information (such as news and scenery, etc.), it is a regular page type.
- S62 Determine user class permissions corresponding to the page type based on the page type and the preset page permission configuration table.
- the page permission configuration table is a table for configuring access rights for different page types.
- User class permissions are access rights that a type of person can access a page of a page type.
- Each page type in the page permission configuration table can be configured with at least one user class permission, so that users with these user class rights can access the corresponding page type. Since the user class permissions of different page types are different, the user class permission of the user who can access the page corresponding to the page type can be determined based on the page type and the preset page permission configuration table.
- users are classified into first-level users, second-level users, and third-level users according to their permission categories.
- the types of pages that different levels of users can access are different.
- the first-level user can only access the visual chart page of the regular page type
- the second-level user can access the visual chart page of the security page type and the regular page type
- the three-level user has the highest authority, can access the privacy page type, the security page type and the regular Page type
- the user class permission corresponding to the visual chart page of the privacy page type is a three-level user.
- the browsing path is associated with the user class permission, and the access permission configuration of the visual chart page corresponding to the browsing path is completed to determine that only the user having the user class permission is configured. You can view the corresponding visualization chart page through this browsing path.
- the access authority of the visualization chart page is configured, and the visualization chart page can be managed more systematically, and the security of the visualization chart page access is improved.
- the method for implementing the visualization chart page further includes the following steps:
- S71 Acquire a page access request, where the page access request includes a user ID and a target access path.
- the page access request refers to the request for accessing the target page.
- the user ID is used to identify the identifiers of different users. Each user has a unique user ID. Based on the user ID, the corresponding user can be quickly found to determine the access rights.
- the target access path refers to the browsing path corresponding to the visual chart page that the user wants to access, such as browsing the URL.
- S72 Acquire a target user class right corresponding to the user ID based on the user ID and the preset user rights configuration table.
- the user rights configuration table records the user class permissions corresponding to different user IDs, and each user ID corresponds to a user class permission.
- the target user class authority corresponding to the user ID can be quickly located and obtained.
- the target user class authority refers to the user class authority corresponding to the user ID determined by querying the user rights configuration table.
- the user rights configuration table can quickly obtain the target user class rights corresponding to the user ID, and the acquisition process of the target user class rights is simple and convenient.
- S73 Acquire a corresponding target page type based on the target access path.
- the target page type refers to the page type corresponding to the target access path. Based on the target access path, the target page type corresponding to the target access path is obtained to determine a page type of the visualization chart page corresponding to the current user's target access path.
- S74 Determine, according to the page permission configuration table, whether the target page type corresponds to the target user class permission.
- the target user class permission corresponding to the user ID through the user rights configuration table, and then obtain the page type of the corresponding visual chart page based on the target access path, and then query in the page permission configuration table, whether the target page type is related to the target user class.
- the authority corresponds to the judgment.
- step S74 when the page access request input by the user is processed according to the determination result of step S74, if the target page type corresponds to the target user class right, the user has the right to view the page of the target page type, and at this time, respond to the page input by the user. Access requests that allow users to access the page. It can be understood that if the target page type corresponds to the target user class right, it means that the current user has the right to access the target page type by using the target page type and the target user class right.
- the target page type is a regular page type
- the target user class permission is to have access to the secure page type and the regular page type page
- the target page type corresponds to the target user class permission, that is, the user has Access to the page corresponding to the target access path. Therefore, the target page type corresponds to the target user class permission, and can respond to the page access request, allowing the user to access the page. Only when the target page type corresponds to the target user class permission, the page access request is responded to ensure the security of the page corresponding to the target access path.
- step S74 when the page access request input by the user is processed according to the determination result of step S74, if the target page type does not correspond to the target user class permission, the user does not have permission to view the page corresponding to the target access path, and the user input is rejected at this time.
- the page access request denies the user access to the page.
- the target page type does not correspond to the target user class permission, which means that the target page type and the target user class permission determine that the current user does not have the right to access the page corresponding to the target access path.
- the target page type is a private page type
- the target user class permission is a page that allows access to the secure page type and the regular page type
- the target page type does not correspond to the target user class right, that is, the user does not have Permission to access target page permissions. Therefore, the page access request is rejected, and the user is not allowed to access the page corresponding to the target access path. Only when the target page type corresponds to the target user class permission, the user's page access request is responded to ensure the security of the target page.
- FIG. 6 is a schematic block diagram showing a chart page implementing apparatus corresponding to the method for realizing the visualization chart page in the first embodiment.
- the chart page implementation apparatus includes a chart editing request acquisition module 10, a basic chart list acquisition module 20, a chart selection request acquisition module 30, a target chart acquisition module 40, a visualization chart page acquisition module 50, and a rights configuration module 60. And secure access module 70.
- the implementation functions and implementations of the chart editing request acquisition module 10, the basic chart list acquisition module 20, the chart selection request acquisition module 30, the target chart acquisition module 40, the visualization chart page acquisition module 50, the rights configuration module 60, and the security access module 70 are implemented.
- the steps corresponding to the method for implementing the visualization chart page in the example 1 are corresponding one-to-one. In order to avoid redundancy, the embodiment is not described in detail.
- the chart editing request acquisition module 10 is configured to acquire a chart editing request, and the chart editing request includes a user ID and a data source ID.
- the basic chart list obtaining module 20 is configured to obtain a basic chart list within the permission range corresponding to the user ID based on the user ID, and display the basic chart list in the visual chart configuration interface.
- the chart selection request acquisition module 30 is configured to acquire a chart selection request, and the chart selection request includes a chart type ID and a visualization area ID.
- the target chart obtaining module 40 is configured to obtain a target chart corresponding to the chart type ID from the basic chart list, and place the target chart in the configuration area corresponding to the visualization area ID in the visualization chart configuration interface.
- the visual chart page obtaining module 50 is configured to acquire the original data based on the data source ID, process the original data by using the target chart, and obtain the visual chart page.
- the base chart list acquisition module 20 includes a document object model creation unit 21 and a thumbnail rendering unit 22.
- the document object model creating unit 21 is configured to create at least one document object model for storing chart parameters of each of the basic charts in the basic chart list.
- the thumbnail rendering unit 22 is configured to render a thumbnail corresponding to each of the basic charts on the visualized chart configuration interface based on the chart parameters of the at least one document object model.
- the target chart obtaining module 40 is configured to drag the target chart to the area position corresponding to the visual area ID by using the JQuery UI-draggable plug-in on the visual chart configuration interface.
- the visualization chart page acquisition module 50 further includes a chart adjustment request acquisition unit 51, a target chart determination unit 52, an adjustment chart acquisition unit 53, and a target chart adjustment unit 54.
- the chart adjustment request obtaining unit 51 is configured to acquire a chart adjustment request, and the chart adjustment request includes an adjustment area ID and an adjustment type ID.
- the target chart determining unit 52 is configured to determine a target chart in the configuration area corresponding to the adjustment area ID based on the adjustment area ID.
- the adjustment chart acquisition unit 53 is configured to acquire an adjustment chart corresponding to the adjustment type ID in the basic chart list based on the adjustment type ID.
- the target chart adjustment unit 54 is configured to replace the target chart with the adjustment chart by using a transition method to make the adjustment chart a new target chart.
- the visualization chart page includes a browsing path.
- the visualization chart page implementation apparatus further includes a rights configuration module 60, and the rights configuration module 60 includes a rights configuration request acquisition unit 61, a user class authority determination unit 62, and an access rights configuration unit 63.
- the rights configuration request obtaining unit 61 is configured to obtain a rights configuration request, where the rights configuration request includes a browsing path and a page type.
- the user class authority determining unit 62 is configured to determine user class rights corresponding to the page type based on the page type and the preset page rights configuration table.
- the access authority configuration unit 63 is configured to associate the browsing path with the user class authority, and complete the access authority configuration of the visualization chart page corresponding to the browsing path.
- the chart page implementation apparatus further includes a security access module 70, and the security access module 70 includes a page access request acquisition unit 71, a target user class authority acquisition unit 72, a target page type acquisition unit 73, a target page type determination unit 74, and page access.
- the request response unit 75 and the page access request reject unit 76 are included in the chart page implementation apparatus.
- the page access request obtaining unit 71 is configured to acquire a page access request, where the page access request includes a user ID and a target access path.
- the target user class authority obtaining unit 72 is configured to acquire the target user class authority corresponding to the user ID based on the user ID and the preset user rights configuration table.
- the target page type obtaining unit 73 is configured to acquire a corresponding target page type based on the target access path.
- the target page type determining unit 74 is configured to determine, according to the page permission configuration table, whether the target page type corresponds to the target user class right.
- the page access request response unit 75 is configured to respond to the page access request when the target page type corresponds to the target user class right.
- the page access request rejection unit 76 is configured to reject the page access request when the target page type does not correspond to the target user class authority.
- the embodiment provides a computer readable storage medium, where the computer readable storage medium is stored with the computer readable instructions, and when the computer readable instructions are executed by the processor, the method for implementing the visualization chart page in Embodiment 1 is implemented. I won't go into details here. Alternatively, when the computer readable instructions are executed by the processor, the functions of the modules/units in the implementation of the chart page in Embodiment 2 are implemented. To avoid repetition, details are not described herein again.
- FIG. 7 is a schematic diagram of a terminal device according to an embodiment of the present application.
- the terminal device 80 of this embodiment includes a processor 81, a memory 82, and computer readable instructions 83 stored in the memory 82 and operable on the processor 81, the processor 81 executing computer readable instructions
- steps S10, S20, S30, S40, and S50 as described in FIG. 1 are implemented.
- the processor 81 executes the computer readable instructions 83
- the functions of the modules/units in the embodiment 2 are implemented, for example, the chart editing request obtaining module 10, the basic chart list obtaining module 20, the chart selection request obtaining module 30, The functions of the target chart acquisition module 40 and the visualization chart page acquisition module 50.
- computer readable instructions 83 may be partitioned into one or more modules/units, one or more modules/units being stored in memory 82 and executed by processor 81 to complete the application.
- the one or more modules/units may be an instruction segment of a series of computer readable instructions 83 capable of performing a particular function for describing the execution of computer readable instructions 83 in the terminal device 80.
- the computer readable instructions 83 may be segmented into a chart editing request acquisition module 10, a base chart list acquisition module 20, a chart selection request acquisition module 30, a target chart acquisition module 40, and a visualization chart page acquisition module 50.
- the terminal device 80 can be a computing device such as a desktop computer, a notebook, a palmtop computer, and a cloud server.
- the terminal device may include, but is not limited to, a processor 81, a memory 82. It will be understood by those skilled in the art that FIG. 7 is merely an example of the terminal device 80 and does not constitute a limitation of the terminal device 80, and may include more or less components than those illustrated, or may combine certain components or different components.
- the terminal device may further include an input/output device, a network access device, a bus, and the like.
- the processor 81 may be a central processing unit (CPU), or may be other general-purpose processors, a digital signal processor (DSP), an application specific integrated circuit (ASIC), Field-Programmable Gate Array (FPGA) or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, etc.
- the general purpose processor may be a microprocessor or the processor or any conventional processor or the like.
- the memory 82 may be an internal storage unit of the terminal device 80, such as a hard disk or a memory of the terminal device 80.
- the memory 82 may also be an external storage device of the terminal device 80, such as a plug-in hard disk provided on the terminal device 80, a smart memory card (SMC), a Secure Digital (SD) card, and a flash memory card (Flash). Card) and so on.
- the memory 82 may also include both an internal storage unit of the terminal device 80 and an external storage device.
- Memory 82 is used to store computer readable instructions as well as other programs and data required by the terminal device.
- the memory 82 can also be used to temporarily store data that has been output or is about to be output.
- each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
- the above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.
- the integrated modules/units if implemented in the form of software functional units and sold or used as separate products, may be stored in a computer readable storage medium.
- the present application implements all or part of the processes in the foregoing embodiments, and may also be implemented by computer readable instructions, which may be stored in a computer readable storage medium.
- the computer readable instructions when executed by a processor, may implement the steps of the various method embodiments described above.
- the computer readable instructions comprise computer readable instruction code, which may be in the form of source code, an object code form, an executable file or some intermediate form or the like.
- the computer readable medium can include any entity or device capable of carrying the computer readable instruction code, a recording medium, a USB flash drive, a removable hard drive, a magnetic disk, an optical disk, a computer memory, a read only memory (ROM, Read-Only) Memory), random access memory (RAM), electrical carrier signals, telecommunications signals, and software distribution media.
- a recording medium a USB flash drive
- a removable hard drive a magnetic disk, an optical disk
- a computer memory a read only memory (ROM, Read-Only) Memory
- RAM random access memory
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种可视化图表页面实现方法、装置、终端设备及存储介质。该实现方法中,先获取图表编辑请求,图表编辑请求包括用户ID和数据来源ID(S10)。基于图表编辑请求中的用户ID,获取用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示基础图表列表(S20)。获取图表选择请求,图表选择请求包括图表类型ID和可视化区域ID(S30),通过从基础图表列表中获取与图表类型ID相对应的目标图表,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域上(S40)。基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,获取可视化图表页面(S50)。该实现方法能够帮助用户快速实现可视化图表页面,降低实现成本,提高实现效率。
Description
本专利申请以2017年12月26日提交的申请号为201711431401.2,名称为“可视化图表页面实现方法、装置、终端设备及存储介质”的中国发明专利申请为基础,并要求其优先权。
本申请涉及数据处理领域,尤其涉及一种可视化图表页面实现方法、装置、终端设备及存储介质。
随着网络技术和数据库技术的成熟以及数据应用的普及,数据量正在以指数级速度增长。面对日益庞大的数据,人们已不满足于仅仅对数据进行管理,更希望能对数据进行分析,进而进行可视化处理,以更直观地体现数据中的信息。而在数据可视化处理过程中,非技术人员很难把手中的数据,直接渲染成可视化图表页面,这个过程往往需要技术人员通过复杂的开发制作流程来实现,而且这个实现过程会花费大量的资金和时间成本。而传统的图表制作工具制作可视化图表页面的流程比较复杂,不易掌握,也需要花费大量的时间进行学习,可视化图表页面制作的效率普遍不高。
发明内容
本申请实施例提供一种可视化图表页面实现方法、装置、终端设备及存储介质,以解决用户无法高效、便捷地实现可视化图表页面的问题。
第一方面,本申请实施例提供一种可视化图表页面实现方法,包括:
获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;
基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;
获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;
从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表 放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;
基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
第二方面,本申请实施例提供一种可视化图表页面实现装置,包括:
图表编辑请求获取模块,用于获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;
基础图表列表获取模块,用于基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;
图表选择请求获取模块,用于获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;
目标图表获取模块,用于从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;
可视化图表页面获取模块,用于基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
第三方面,本申请实施例提供一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令,所述处理器执行所述计算机可读指令时实现如下步骤:
获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;
基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;
获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;
从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;
基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如下步骤:
获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;
基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化 图表配置界面中显示所述基础图表列表;
获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;
从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;
基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
本申请实施例提供的可视化图表页面实现方法、装置、终端设备及存储介质中,先获取图表编辑请求,图表编辑请求包括用户ID和数据来源ID。基于图表编辑请求中用户ID,获取用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示基础图表列表,可直观地将基础图表列表呈现给用户,以方便用户进行选择。然后获取图表选择请求,图表选择请求包括图表类型ID和可视化区域ID,通过从基础图表列表中获取与图表类型ID相对应的目标图表,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域上,以实现在可视化图表配置界面上配置至少一种图表类型ID对应的目标图表。基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,即使得可视化图表配置界面中每一配置区域采用一目标图表对原始数据进行处理,基于所有配置区域形成的图表形成可视化图表页面。本申请实施例可帮助用户快速高效地制作可视化图表页面,提高可视化图表页面的制作效率,降低可视化图表页面的实现成本。
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例1中可视化图表页面实现方法的一流程图;
图2是图1中步骤S20的一具体实施方式的一流程图。
图3是图1中步骤S50的一具体实施方式的一流程图。
图4是本申请实施例1中可视化图表页面实现方法的一具体实施方式的一流程图。
图5是本申请实施例1中可视化图表页面实现方法的另一具体实施方式的一流程图。
图6是本申请实施例2中可视化图表页面实现装置的一原理框图。
图7是本申请实施例4中终端设备的一示意图。
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
实施例1
图1示出本实施例中可视化图表页面实现方法的流程图。该可视化图表页面实现方法应用在电脑、平板或其他终端设备上,用于高效、便捷地制作可视化图表页面。如图1所示,该可视化图表页面实现方法包括如下步骤:
S10:获取图表编辑请求,图表编辑请求包括用户ID和数据来源ID。
其中,图表编辑请求是指对图表的内容或者形式进行编辑的请求。用户ID是用于区别不同用户的标识,一个用户ID对应一唯一用户。数据来源ID是用于标识原始数据的标识,通过数据来源ID可以快速定位到对应的原始数据,以便基于数据来源ID获取对应的原始数据。原始数据是需要进行图表化处理的数据源,原始数据呈现形式有多种,包括但不限于Excel文档和链接数据库等形式中的至少一种。在一个实施方式中,可以根据原始数据的特点获取原始数据需要呈现的图表的类型、维度和指标等相关信息。例如,如果通过三维形状可以更好地体现原始数据的特点,则其选择的图表类型就可以为三维图表类型,使原始数据以三维图表的形式进行呈现。
S20:基于用户ID,获取用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示基础图表列表。
其中,图表可分为不同的类型,如条形图、柱状图、折线图、三维图和饼状图等类型。基础图表列表是指不包含数据内容的基础图表对应的列表。可视化图表配置界面是指利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来的配置界面。用户ID是用户的唯一标识,通过用户ID可以确定该用户权限范围内的所有基础图表,将所有基础图表以列表的形式在可视化图表配置界面中显示,即在可视化图表配置界面中显示基础图表列表。如此,可直观地将基础图表列表呈现给用户,方便用户进行合理地选择。
S30:获取图表选择请求,图表选择请求包括图表类型ID和可视化区域ID。
其中,图表选择请求是指对在用户ID对应的权限范围内的基础图表进行选择,并使该基础图表在可视化图表配置界面的对应配置区域上显示的请求。图表类型ID是用来识 别不同类型图表的标识,每一种类型的图表都具有唯一对应的图表类型ID,基于图表类型ID可以快速查找到对应类型的图表。可视化图表配置界面上划分为不同的配置区域,可视化区域ID是用于识别可视化图表配置界面上不同配置区域的标识,一个配置区域对应一唯一的可视化区域ID,以便于通过可视化区域ID快速定位到可视化图表配置界面上对应的配置区域。
S40:从基础图表列表中获取与图表类型ID相对应的目标图表,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域。
基于图表类型ID,可以确定用户选择了何种类型的图表,以从基础图表列表中获取与图表类型ID相对应的目标图表。例如,如果图表类型ID对应的是饼状图,则从基础图标列表中获取到饼状图,该饼状图就是图表类型ID对应的目标图表。获取到目标图表之后,根据可视化区域ID,定位到可视化图表配置界面中与可视化区域ID相对应的配置区域,并将该目标图表放置在该配置区域上,以确定可视化图表配置界面中每一配置区域对应的目标图表。
在一个具体实施方式中,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域,具体包括:在可视化图表配置界面上,采用JQuery UI–draggable插件将目标图表拖拽到可视化图表配置界面中与可视化区域ID相对应的配置区域上。
其中,JQuery UI–Draggable插件是用来使选中的元素或者对象通过鼠标进行拖动的插件。在可视化图表配置界面上,用户通过鼠标选中目标图表,采用JQuery UI–draggable插件将目标图表拖拽到与可视化区域ID相对应的配置区域上,以实现快速高效地确定可视化图表配置界面中每一配置区域对应的目标图表。当JQuery UI–draggable插件检测到用户在可视化图表配置界面上松开鼠标时,则将当前拖动的目标图表放置在与可视化区域ID相对应的配置区域上,即采用JQuery UI–draggable插件将目标图表配置在对应的配置区域时,只需控制鼠标从基础图表列表中选择目标图表并拖拽到配置区域即可,操作过程简单方便,有利于提高可视化图表页面的制作效率。
S50:基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,获取可视化图表页面。
具体地,可根据接收到的图表编辑请求中的数据来源ID确定要在目标图表中体现的部分或全部原始数据,并采用可视化图表配置界面的每一配置区域上的目标图表对该部分或全部原始数据进行可视化处理,以分别获取对应的可视化图表,以使可视化图表配置界面的相应配置区域中显示对应的可视化图表,以形成可视化图表页面。
例如,在选择需要在目标图表中体现的部分或全部原始数据之后,通过设定目标图表的相关图表参数,以将该部分或全部原始数据通过可视化的方式体现出来,以形成相应的可视化图表。其中,图表参数是用于配置图表的参数,该参数包括但不限于大小、色彩、类型和显示位置等信息中的至少一个。例如,当目标图表为饼状图时,在设定饼状图的颜色、大小和显示位置等图表参数之后,采用设置好图表参数的目标图表对选定的部分或全部原始数据进行可视化处理,得到对应的目标饼状图(即为可视化图表)。
本申请实施例提供的可视化图表页面实现方法中,先获取图表编辑请求,图表编辑请求包括用户ID和数据来源ID。基于图表编辑请求中用户ID,获取用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示基础图表列表,可直观地将基础图表列表呈现给用户,以方便用户进行选择。然后获取图表选择请求,图表选择请求包括图表类型ID和可视化区域ID,通过从基础图表列表中获取与图表类型ID相对应的目标图表,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域上,以实现在可视化图表配置界面上配置至少一种图表类型ID对应的目标图表。基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,即使得可视化图表配置界面中每一配置区域采用一目标图表对原始数据进行处理,基于所有配置区域形成的图表形成可视化图表页面。通过该可视化图表页面实现方法,可帮助用户快速高效地制作可视化图表页面,提高可视化图表页面的制作效率,降低可视化图表页面的实现成本。
在一个具体实施方式中,如图2所示,在可视化图表配置界面中显示基础图表列表,包括:
S21:创建至少一个文档对象模型,文档对象模型用于存储基础图表列表中每一基础图表的图表参数。
其中,文档对象模型(Document Object Model,简称DOM)是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,页面或文档的对象被组织在一个树形结构中(即DOM中),用来表示页面或者文档中对象的标准模型。DOM技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变元素的属性,增加一个元素等,增强了页面的交互性。在本实施例中,文档对象模型用于存储每一基础图表的图表参数,即为DOM添加对象的属性,每一基础图表的图表参数在DOM对象中。
S22:基于至少一个文档对象模型的图表参数,在可视化图表配置界面上渲染出每一基础图表对应的缩略图。
将步骤S21中创建的至少一个文档对象模型添加到浏览器中,并基于至少一个文档对 象模型的图表参数,在可视化图表配置界面的配置区域上渲染出用户能够查看的基础图表对应的缩略图,从而实现在可视化图表配置界面中显示基础图表列表,以便于进行图表选择。
本实施方式中,通过创建文档对象模型,存储基础图表的图表参数,以使基础图表的图表参数在DOM对象中,为DOM对象依据图表参数添加属性。基于至少一个文档对象模型,在可视化图表配置界面上渲染出与基础图表对应的缩略图,以通过缩略图在可视化图表配置界面上显示至少一个图表类型。通过缩略图可以更加直观地体现不同基础图表的区别,以有助于更直观、快捷地选择合适的基础图表进行可视化处理,提高可视化图表页面制作效率。
在一个具体实施方式中,在采用目标图表对原始数据进行处理时,可对选定的目标图表进行调整,以更换新的目标图表,再对原始数据进行处理,以使可视化图表页面可根据用户需求自主设置。如图3所示,该可视化图表页面实现方法还包括:
S51:获取图表调整请求,图表调整请求包括调整区域ID和调整类型ID。
其中,图表调整请求是指对当前已经选择的目标图表进行调整的请求。在选择目标图表之后,若发现该图表类型对应的目标图表不合适,就可以通过图表调整请求对当前的目标图表进行调整,更换成新的图表类型对应的目标图表。调整区域ID是用于识别调整前的目标图表(即所要调整的目标图表)在可视化图表配置界面上所处的配置区域的标识。调整类型ID用于识别调整后新的图表类型的标识,即用于确定需要将当前配置区域上的目标图表调整成何种新的图表类型的目标图表。
S52:基于调整区域ID,确定与调整区域ID相对应的配置区域中的目标图表。
通过调整区域ID,定位到可视化图表配置界面中对应的配置区域,进而确定此时处于该配置区域的目标图表,该目标图表就是需要进行调整的图表。
S53:基于调整类型ID,在基础图表列表中获取与调整类型ID相对应的调整图表。
基于调整类型ID,可以确定用户选择了何种图表类型的新图表,以从基础图表列表中获取与调整类型ID相对应的调整图表。该调整图表是用户通过图表调整请求重新确定的需在可视化图表配置界面中相应的配置区域显示的新的目标图表。
S54:采用转场方法将目标图表替换成调整图表,以使调整图表成为新的目标图表。
其中,转场方法是指实现段落与段落、场景与场景之间的过渡或转换的方法。在一个实施方式中,转场方法可以包括淡入淡出、翻转、滑动或翻页等。可选地,可以设置一种转场方法为默认转场方法,如设置翻转为默认的转场方法。即在该步骤中,默认都采用翻 转的转场方法实现将可视化图表配置界面的配置区域中当前显示的目标图表调整为调整类型ID对应的调整图表(即更新为新的目标图表),并基于该调整图表对原始数据进行处理,以获取对应的可视化图表,从而实现可视化图表页面。
例如,当前目标图表为饼状图,用户在图表可视化过程中发现柱状图更能够体现原始数据的特点,可通过客户端生成图表调整请求,把目标图表从饼状图调整为柱状图。此时,图表调整请求中包括调整区域ID和调整类型ID,调整区域ID对应饼状图在可视化图表配置界面上的配置区域,调整类型ID对应基础图标中的柱状图。基于调整区域ID和调整类型ID,将此时可视化图表配置界面上对应配置区域里的饼状图采用转场方法调整为柱状图。
本实施例中,通过图表调整请求,可以调整在可视化图表配置界面中相应配置区域的图表类型。当用户在选择了目标图表的初始类型之后,发现目标图表的类型不合适时,可以根据本实施例中的图表调整请求来实现对可视化图表配置界面中相应配置区域中显示的图表进行调整,该调整方式操作简单、便捷,可以实现更加方便、快捷地更新可视化图表的技术效果。
在一个具体的实施方式中,可视化图表页面包括浏览路径,浏览路径是指对可视化图表页面的访问路径。在可视化图表配置界面上生成与可视化图表页面相对应的浏览路径,以便基于该浏览路径查阅相应的可视化图表页面。如图4所示,在基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,获取可视化图表页面之后,该可视化图表页面实现方法还包括:
S61:获取权限配置请求,权限配置请求包括浏览路径和页面类型。
其中,权限配置请求是指用户对自助实现的可视化图表页面的访问权限进行配置的请求。页面类型是指可视化图表页面所属的类型,页面类型包括但不限于隐私页面类型、安全页面类型和常规页面类型中的至少一种。若页面涉及隐秘信息(如闺蜜照、亲子照和日记等),则为隐私页面类型;页面涉及个人账户等信息(如支付宝账号和银行卡账号等),则为安全页面类型;页面涉及的信息为公开信息(如新闻和风景等),则为常规页面类型。
S62:基于页面类型和预设的页面权限配置表,确定与页面类型相对应的用户类权限。
其中,页面权限配置表是指针对不同页面类型的访问权限进行配置的表格。用户类权限是指能够对某一页面类型的页面进行访问的一类人所具有的访问权限。页面权限配置表中每一页面类型可对应配置至少一个用户类权限,使得具有这些用户类权限的用户可访问相应的页面类型。由于不同页面类型对应的用户类权限不同,所以可以基于页面类型和预 设的页面权限配置表,确定可访问该页面类型对应的页面的用户所属的用户类权限。
例如,将用户按权限类别分为一级用户、二级用户和三级用户。不同等级用户能够访问的页面的类型是不同的。一级用户仅可以访问常规页面类型的可视化图表页面,二级用户可以访问安全页面类型和常规页面类型的可视化图表页面,而三级用户拥有最高权限,可以访问隐私页面类型、安全页面类型和常规页面类型这三种类型的可视化图表页面。此时,隐私页面类型的可视化图表页面对应的用户类权限就是三级用户。
S63:将浏览路径和用户类权限进行关联,完成浏览路径对应的可视化图表页面的访问权限配置。
在步骤S62中确定与页面类型相对应的用户类权限后,将浏览路径和该用户类权限进行关联,完成浏览路径对应的可视化图表页面的访问权限配置,以确定只有具备该用户类权限的用户才可以通过该浏览路径查看相应的可视化图表页面。
本实施例中,得到可视化图表页面之后,对该可视化图表页面的访问权限进行配置,可以更系统地对可视化图表页面进行管理,并提高可视化图表页面访问的安全性。
在一具体实施方式中,如图5所示,在将浏览路径和用户类权限进行关联,完成浏览路径对应的可视化图表页面的访问权限配置之后,该可视化图表页面实现方法还包括如下步骤:
S71:获取页面访问请求,页面访问请求包括用户ID和目标访问路径。
其中,页面访问请求是指用于访问目标页面的请求。用户ID用来识别不同用户的标识,每一用户具有一唯一用户ID,基于用户ID可以快速查找到对应的用户,以确定其访问权限。目标访问路径是指用户要访问的可视化图表页面对应的浏览路径,如浏览URL。
S72:基于用户ID和预设的用户权限配置表,获取与用户ID相对应的目标用户类权限。
用户权限配置表记录了不同用户ID对应的用户类权限,每一用户ID对应一用户类权限。通过用户ID查询预先存储在数据库中的用户权限配置表,可以快速定位并获取到与用户ID相对应的目标用户类权限。其中,目标用户类权限是指通过查询用户权限配置表确定的与用户ID相对应的用户类权限。通过用户权限配置表可以快速获取到用户ID对应的目标用户类权限,而且该目标用户类权限的获取过程操作简单方便。
S73:基于目标访问路径,获取对应的目标页面类型。
目标页面类型是指目标访问路径所对应的页面类型。基于目标访问路径,获取该目标访问路径对应的目标页面类型,以确定当前用户的目标访问路径对应的可视化图表页面的 页面类型。
S74:基于页面权限配置表,判断目标页面类型是否与目标用户类权限对应。
通过用户权限配置表获取到用户ID对应的目标用户类权限,再基于目标访问路径获取对应的可视化图表页面的页面类型后,在页面权限配置表中进行查询,针对目标页面类型是否与目标用户类权限对应进行判断。
S75:若目标页面类型与目标用户类权限对应,则响应页面访问请求。
具体地,在依据步骤S74的判断结果对用户输入的页面访问请求进行处理时,若目标页面类型与目标用户类权限对应,则用户有权限查看目标页面类型的页面,此时响应用户输入的页面访问请求,允许用户访问页面。可以理解地,若目标页面类型与目标用户类权限对应是指通过目标页面类型与目标用户类权限确定当前用户具有访问该目标页面类型的权限。
例如,若目标页面类型为常规页面类型,而目标用户类权限是拥有访问安全页面类型和常规页面类型页面的权限,则此时目标页面类型与目标用户类权限就是对应的,即该用户是有访问该目标访问路径对应的页面的权限。因此,目标页面类型与目标用户类权限对应,可响应页面访问请求,允许用户访问页面。只有当目标页面类型与目标用户类权限对应时,才响应页面访问请求,确保访问目标访问路径对应的页面的安全性。
S76:若目标页面类型不与目标用户类权限对应,则拒绝页面访问请求。
具体地,在依据步骤S74的判断结果对用户输入的页面访问请求进行处理时,若目标页面类型与目标用户类权限不对应,则用户没有权限查看目标访问路径对应的页面,此时拒绝用户输入的页面访问请求,拒绝用户访问页面。具体地,目标页面类型不与目标用户类权限对应是指通过目标页面类型与目标用户类权限确定当前用户不具有访问该目标访问路径对应的页面的权限。
例如,若目标页面类型为隐私页面类型,而目标用户类权限是允许访问安全页面类型和常规页面类型的页面,则此时目标页面类型与目标用户类权限就是不对应的,即该用户不具有访问目标页面权限的权限。因此,拒绝页面访问请求,不允许用户访问目标访问路径对应的页面。只有当目标页面类型与目标用户类权限对应时,才响应用户的页面访问请求,确保目标页面的安全性。
在本实施例中,当接收到页面访问请求时,基于预设的页面权限配置表,判断目标页面类型是否与目标用户类权限对应,以基于判断结果对页面访问请求进行处理,以提高可视化图表页面访问的安全性。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
实施例2
图6示出与实施例1中可视化图表页面实现方法一一对应的图表页面实现装置的原理框图。如图6所示,该图表页面实现装置包括图表编辑请求获取模块10、基础图表列表获取模块20、图表选择请求获取模块30、目标图表获取模块40、可视化图表页面获取模块50、权限配置模块60和安全访问模块70。其中,图表编辑请求获取模块10、基础图表列表获取模块20、图表选择请求获取模块30、目标图表获取模块40、可视化图表页面获取模块50、权限配置模块60和安全访问模块70的实现功能与实施例1中可视化图表页面实现方法对应的步骤一一对应,为避免赘述,本实施例不一一详述。
图表编辑请求获取模块10,用于获取图表编辑请求,图表编辑请求包括用户ID和数据来源ID。
基础图表列表获取模块20,用于基于用户ID,获取用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示基础图表列表。
图表选择请求获取模块30,用于获取图表选择请求,图表选择请求包括图表类型ID和可视化区域ID。
目标图表获取模块40,用于从基础图表列表中获取与图表类型ID相对应的目标图表,将目标图表放置在可视化图表配置界面中与可视化区域ID相对应的配置区域。
可视化图表页面获取模块50,用于基于数据来源ID获取原始数据,采用目标图表对原始数据进行处理,获取可视化图表页面。
优选地,基础图表列表获取模块20包括文档对象模型创建单元21和缩略图渲染单元22。
文档对象模型创建单元21,用于创建至少一个文档对象模型,文档对象模型用于存储基础图表列表中每一基础图表的图表参数。
缩略图渲染单元22,用于基于至少一个文档对象模型的图表参数,在可视化图表配置界面上渲染出每一基础图表对应的缩略图。
优选地,目标图表获取模块40,用于在可视化图表配置界面上,采用JQuery UI–draggable插件将目标图表拖拽到与可视化区域ID相对应的区域位置上。
优选地,可视化图表页面获取模块50还包括图表调整请求获取单元51、目标图表确定单元52、调整图表获取单元53和目标图表调整单元54。
图表调整请求获取单元51,用于获取图表调整请求,图表调整请求包括调整区域ID和调整类型ID。
目标图表确定单元52,用于基于调整区域ID,确定与调整区域ID相对应的配置区域中的目标图表。
调整图表获取单元53,用于基于调整类型ID,在基础图表列表中获取与调整类型ID相对应的调整图表。
目标图表调整单元54,用于采用转场方法将目标图表替换成调整图表,以使调整图表成为新的目标图表。
优选地,可视化图表页面包括浏览路径。可视化图表页面实现装置还包括权限配置模块60,权限配置模块60包括权限配置请求获取单元61、用户类权限确定单元62和访问权限配置单元63。
权限配置请求获取单元61,用于获取权限配置请求,权限配置请求包括浏览路径和页面类型。
用户类权限确定单元62,用于基于页面类型和预设的页面权限配置表,确定与页面类型相对应的用户类权限。
访问权限配置单元63,用于将浏览路径和用户类权限进行关联,完成浏览路径对应的可视化图表页面的访问权限配置。
优选地,图表页面实现装置还包括安全访问模块70,安全访问模块70包括页面访问请求获取单元71、目标用户类权限获取单元72、目标页面类型获取单元73、目标页面类型判断单元74、页面访问请求响应单元75和页面访问请求拒绝单元76。
页面访问请求获取单元71,用于获取页面访问请求,页面访问请求包括用户ID和目标访问路径。
目标用户类权限获取单元72,用于基于用户ID和预设的用户权限配置表,获取与用户ID相对应的目标用户类权限。
目标页面类型获取单元73,用于基于目标访问路径,获取对应的目标页面类型。
目标页面类型判断单元74,用于基于页面权限配置表,判断目标页面类型是否与目标用户类权限对应。
页面访问请求响应单元75,用于在目标页面类型与目标用户类权限对应时,响应页面访问请求。
页面访问请求拒绝单元76,用于在目标页面类型不与目标用户类权限对应时,拒绝页 面访问请求。
实施例3
本实施例提供一计算机可读存储介质,该计算机可读存储介质上存储有计算机可读指令,该计算机可读指令被处理器执行时实现实施例1中可视化图表页面实现方法,为避免重复,这里不再赘述。或者,该计算机可读指令被处理器执行时实现实施例2中图表页面实现中各模块/单元的功能,为避免重复,这里不再赘述。
实施例4
图7是本申请一实施例提供的终端设备的示意图。如图7所示,该实施例的终端设备80包括:处理器81、存储器82以及存储在存储器82中并可在处理器81上运行的计算机可读指令83,处理器81执行计算机可读指令83时实现如图1所述的步骤S10、S20、S30、S40和S50。或者,处理器81执行计算机可读指令83时实现实施例2中各模块/单元的功能,例如图6所示图表编辑请求获取模块10、基础图表列表获取模块20、图表选择请求获取模块30、目标图表获取模块40和可视化图表页面获取模块50的功能。
示例性的,计算机可读指令83可以被分割成一个或多个模块/单元,一个或者多个模块/单元被存储在存储器82中,并由处理器81执行,以完成本申请。一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令83的指令段,该指令段用于描述计算机可读指令83在终端设备80中的执行过程。例如,计算机可读指令83可以被分割成图表编辑请求获取模块10、基础图表列表获取模块20、图表选择请求获取模块30、目标图表获取模块40和可视化图表页面获取模块50。
终端设备80可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。终端设备可包括,但不仅限于,处理器81、存储器82。本领域技术人员可以理解,图7仅仅是终端设备80的示例,并不构成对终端设备80的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如终端设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器81可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器82可以是终端设备80的内部存储单元,例如终端设备80的硬盘或内存。存储器82也可以是终端设备80的外部存储设备,例如终端设备80上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,存储器82还可以既包括终端设备80的内部存储单元也包括外部存储设备。存储器82用于存储计算机可读指令以及终端设备所需的其他程序和数据。存储器82还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实现上述实施例方法中的全部或部分流程,也可以通过计算机可读指令来指令相关的硬件来完成,所述的计算机可读指令可存储于一计算机可读存储介质中,该计算机可读指令在被处理器执行时,可实现上述各个方法实施例的步骤。其中,所述计算机可读指令包括计算机可读指令代码,所述计算机可读指令代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机可读指令代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括是电载波信号和电信信号。
以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围,均应包含在本申请的保护范围之内。
Claims (20)
- 一种可视化图表页面实现方法,其特征在于,包括:获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
- 如权利要求1所述的可视化图表页面实现方法,其特征在于,所述在可视化图表配置界面中显示所述基础图表列表,包括:创建至少一个文档对象模型,所述文档对象模型用于存储所述基础图表列表中每一基础图表的图表参数;基于至少一个所述文档对象模型的图表参数,在所述可视化图表配置界面上渲染出每一所述基础图表对应的缩略图。
- 如权利要求1所述的可视化图表页面实现方法,其特征在于,所述将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域,包括:在所述可视化图表配置界面上,采用JQuery UI–draggable插件将所述目标图表拖拽到与所述可视化区域ID相对应的配置区域上。
- 如权利要求1所述的可视化图表页面实现方法,其特征在于,所述采用所述目标图表对所述原始数据进行处理,还包括:获取图表调整请求,所述图表调整请求包括调整区域ID和调整类型ID;基于所述调整区域ID,确定与所述调整区域ID相对应的配置区域中的目标图表;基于所述调整类型ID,在所述基础图表列表中获取与所述调整类型ID相对应的调整图表;采用转场方法将所述目标图表替换成所述调整图表,以使所述调整图表成为新的目标图表。
- 如权利要求1所述的可视化图表页面实现方法,其特征在于,所述可视化图表页面 包括浏览路径;在所述基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面的步骤之后,所述可视化图表页面实现方法还包括:获取权限配置请求,所述权限配置请求包括所述浏览路径和页面类型;基于所述页面类型和预设的页面权限配置表,确定与所述页面类型相对应的用户类权限;将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置。
- 如权利要求5所述的可视化图表页面实现方法,其特征在于,在所述将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置的步骤之后,所述可视化图表页面实现方法还包括:获取页面访问请求,所述页面访问请求包括用户ID和目标访问路径;基于所述用户ID和预设的用户权限配置表,获取与所述用户ID相对应的目标用户类权限;基于所述目标访问路径,获取对应的目标页面类型;基于所述页面权限配置表,判断所述目标页面类型是否与所述目标用户类权限对应;若所述目标页面类型与所述目标用户类权限对应,则响应所述页面访问请求;若所述目标页面类型不与所述目标用户类权限对应,则拒绝所述页面访问请求。
- 一种可视化图表页面实现装置,其特征在于,包括:图表编辑请求获取模块,用于获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;基础图表列表获取模块,用于基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;图表选择请求获取模块,用于获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;目标图表获取模块,用于从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;可视化图表页面获取模块,用于基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
- 如权利要求7所述的可视化图表页面实现装置,其特征在于,所述可视化图表页面获取模块包括:图表调整请求获取单元,用于获取图表调整请求,所述图表调整请求包括调整区域ID和调整类型ID;目标图表确定单元,用于基于所述调整区域ID,确定与所述调整区域ID相对应的配置区域中的目标图表;调整图表获取单元,用于基于所述调整类型ID,在所述基础图表列表中获取与所述调整类型ID相对应的调整图表;目标图表调整单元,用于采用转场方法将所述目标图表替换成所述调整图表,以使所述调整图表成为新的目标图表。
- 一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令,其特征在于,所述处理器执行所述计算机可读指令时实现如下步骤:获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
- 如权利要求9所述的终端设备,其特征在于,所述在可视化图表配置界面中显示所述基础图表列表,包括:创建至少一个文档对象模型,所述文档对象模型用于存储所述基础图表列表中每一基础图表的图表参数;基于至少一个所述文档对象模型的图表参数,在所述可视化图表配置界面上渲染出每一所述基础图表对应的缩略图。
- 如权利要求9所述的终端设备,其特征在于,所述将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域,包括:在所述可视化图表配置界面上,采用JQuery UI–draggable插件将所述目标图表拖 拽到与所述可视化区域ID相对应的配置区域上。
- 如权利要求9所述的终端设备,其特征在于,所述采用所述目标图表对所述原始数据进行处理,还包括:获取图表调整请求,所述图表调整请求包括调整区域ID和调整类型ID;基于所述调整区域ID,确定与所述调整区域ID相对应的配置区域中的目标图表;基于所述调整类型ID,在所述基础图表列表中获取与所述调整类型ID相对应的调整图表;采用转场方法将所述目标图表替换成所述调整图表,以使所述调整图表成为新的目标图表。
- 如权利要求9所述的终端设备,其特征在于,所述可视化图表页面包括浏览路径;在所述基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面的步骤之后,所述处理器执行所述计算机可读指令时还包括实现如下步骤:获取权限配置请求,所述权限配置请求包括所述浏览路径和页面类型;基于所述页面类型和预设的页面权限配置表,确定与所述页面类型相对应的用户类权限;将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置。
- 如权利要求13所述的终端设备,其特征在于,在所述将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置的步骤之后,所述处理器执行所述计算机可读指令时还包括实现如下步骤:获取页面访问请求,所述页面访问请求包括用户ID和目标访问路径;基于所述用户ID和预设的用户权限配置表,获取与所述用户ID相对应的目标用户类权限;基于所述目标访问路径,获取对应的目标页面类型;基于所述页面权限配置表,判断所述目标页面类型是否与所述目标用户类权限对应;若所述目标页面类型与所述目标用户类权限对应,则响应所述页面访问请求;若所述目标页面类型不与所述目标用户类权限对应,则拒绝所述页面访问请求。
- 一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,其特征在于,所述计算机可读指令被处理器执行时实现如下步骤:获取图表编辑请求,所述图表编辑请求包括用户ID和数据来源ID;基于所述用户ID,获取所述用户ID对应的权限范围内的基础图表列表,并在可视化图表配置界面中显示所述基础图表列表;获取图表选择请求,所述图表选择请求包括图表类型ID和可视化区域ID;从所述基础图表列表中获取与所述图表类型ID相对应的目标图表,将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域;基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面。
- 如权利要求15所述的计算机可读存储介质,其特征在于,所述在可视化图表配置界面中显示所述基础图表列表,包括:创建至少一个文档对象模型,所述文档对象模型用于存储所述基础图表列表中每一基础图表的图表参数;基于至少一个所述文档对象模型的图表参数,在所述可视化图表配置界面上渲染出每一所述基础图表对应的缩略图。
- 如权利要求15所述的计算机可读存储介质,其特征在于,所述将所述目标图表放置在所述可视化图表配置界面中与所述可视化区域ID相对应的配置区域,包括:在所述可视化图表配置界面上,采用JQuery UI–draggable插件将所述目标图表拖拽到与所述可视化区域ID相对应的配置区域上。
- 如权利要求15所述的计算机可读存储介质,其特征在于,所述采用所述目标图表对所述原始数据进行处理,还包括:获取图表调整请求,所述图表调整请求包括调整区域ID和调整类型ID;基于所述调整区域ID,确定与所述调整区域ID相对应的配置区域中的目标图表;基于所述调整类型ID,在所述基础图表列表中获取与所述调整类型ID相对应的调整图表;采用转场方法将所述目标图表替换成所述调整图表,以使所述调整图表成为新的目标图表。
- 如权利要求15所述的计算机可读存储介质,其特征在于,所述可视化图表页面包括浏览路径;在所述基于所述数据来源ID获取原始数据,采用所述目标图表对所述原始数据进行处理,获取可视化图表页面的步骤之后,所述计算机可读指令被处理器执行时还包括实现 如下步骤:获取权限配置请求,所述权限配置请求包括所述浏览路径和页面类型;基于所述页面类型和预设的页面权限配置表,确定与所述页面类型相对应的用户类权限;将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置。
- 如权利要求19所述的计算机可读存储介质,其特征在于,在所述将所述浏览路径和所述用户类权限进行关联,完成所述浏览路径对应的可视化图表页面的访问权限配置的步骤之后,所述计算机可读指令被处理器执行时还包括实现如下步骤:获取页面访问请求,所述页面访问请求包括用户ID和目标访问路径;基于所述用户ID和预设的用户权限配置表,获取与所述用户ID相对应的目标用户类权限;基于所述目标访问路径,获取对应的目标页面类型;基于所述页面权限配置表,判断所述目标页面类型是否与所述目标用户类权限对应;若所述目标页面类型与所述目标用户类权限对应,则响应所述页面访问请求;若所述目标页面类型不与所述目标用户类权限对应,则拒绝所述页面访问请求。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711431401.2A CN108255969A (zh) | 2017-12-26 | 2017-12-26 | 可视化图表页面实现方法、装置、终端设备及存储介质 |
CN201711431401.2 | 2017-12-26 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2019127824A1 true WO2019127824A1 (zh) | 2019-07-04 |
Family
ID=62723896
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2018/074669 WO2019127824A1 (zh) | 2017-12-26 | 2018-01-31 | 可视化图表页面实现方法、装置、终端设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN108255969A (zh) |
WO (1) | WO2019127824A1 (zh) |
Families Citing this family (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109359154A (zh) * | 2018-09-26 | 2019-02-19 | 浙江万朋教育科技股份有限公司 | 一种基于拖拽配置可视化大屏的方法 |
CN110968380B (zh) * | 2018-09-30 | 2024-02-13 | 北京国双科技有限公司 | 数据可视化方法及系统 |
CN109299169B (zh) * | 2018-10-24 | 2023-08-08 | 中国平安人寿保险股份有限公司 | 数据可视化方法、系统、终端及计算机可读存储介质 |
CN111125650A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 一种页面访问权限的处理方法及装置、存储介质和处理器 |
CN109634805A (zh) * | 2018-11-19 | 2019-04-16 | 平安科技(深圳)有限公司 | 监控数据处理方法、装置、电子设备及存储介质 |
CN109885296A (zh) * | 2018-12-05 | 2019-06-14 | 大唐软件技术股份有限公司 | 一种数据可视化定制工具 |
CN109753643B (zh) * | 2018-12-05 | 2023-10-20 | 平安科技(深圳)有限公司 | 报表样式创建方法、装置、设备及计算机可读存储介质 |
CN109871524B (zh) * | 2019-02-21 | 2023-06-09 | 腾讯科技(深圳)有限公司 | 一种图表生成方法及装置 |
CN110134731A (zh) * | 2019-04-26 | 2019-08-16 | 深圳壹账通智能科技有限公司 | 数据呈现方法、装置、计算机设备及存储介质 |
CN110674227A (zh) * | 2019-09-20 | 2020-01-10 | 上海东方富联科技有限公司 | 数据可视化图表和页面的生成方法、系统、介质及终端 |
CN111273839B (zh) * | 2020-01-13 | 2024-06-04 | 平安国际智慧城市科技股份有限公司 | 图表的数据处理方法、装置、计算机设备和存储介质 |
CN111274302A (zh) * | 2020-01-21 | 2020-06-12 | 北京明略软件系统有限公司 | 一种网页图表组件的编辑方法、系统、电子设备及存储介质 |
CN113326679A (zh) * | 2020-02-28 | 2021-08-31 | 拓尔思天行网安信息技术有限责任公司 | 可视化图表页面制作方法、装置、设备及存储介质 |
CN111506372B (zh) * | 2020-04-07 | 2023-09-26 | 口碑(上海)信息技术有限公司 | 对象可视化处理方法及装置 |
CN111708527B (zh) * | 2020-05-25 | 2023-05-12 | 杭州涂鸦信息技术有限公司 | 固件的配置文件生成方法、装置及介质 |
CN112711687A (zh) * | 2020-12-30 | 2021-04-27 | 北京光启元数字科技有限公司 | 一种数据可视化转换方法、装置、设备及介质 |
CN112733055A (zh) * | 2021-01-20 | 2021-04-30 | 青岛以萨数据技术有限公司 | 自由配置生成可视化图表的系统、方法及存储介质 |
CN114327215B (zh) * | 2022-03-15 | 2022-07-29 | 之江实验室 | 一种智能识别图表刷选目标的方法、装置和介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100156889A1 (en) * | 2008-12-18 | 2010-06-24 | Microsoft Corporation | Bi-directional update of a grid and associated visualizations |
CN102902767A (zh) * | 2012-09-25 | 2013-01-30 | 北京科东电力控制系统有限责任公司 | 一种表格快速搭建的方法及系统 |
CN104866567A (zh) * | 2015-05-22 | 2015-08-26 | 国家计算机网络与信息安全管理中心 | 一种业务数据呈现方法及装置 |
CN106933887A (zh) * | 2015-12-31 | 2017-07-07 | 北京国双科技有限公司 | 一种数据可视化方法及装置 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020091733A1 (en) * | 2001-01-05 | 2002-07-11 | Chen Tong S. | System and method for dynamically generating tables of web pages |
CN105589909A (zh) * | 2014-12-31 | 2016-05-18 | 中国银联股份有限公司 | 数据可视化实现系统及方法 |
CN106155988A (zh) * | 2015-03-31 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 基于excel的数据图表绘制方法及相关装置 |
CN104699863A (zh) * | 2015-04-08 | 2015-06-10 | 上海玖道信息科技股份有限公司 | 一种网页数据展示系统 |
CN105608132B (zh) * | 2015-12-16 | 2019-04-30 | 北京奇虎科技有限公司 | 一种提供自定义生成图表的服务的方法和装置 |
CN107391468A (zh) * | 2017-06-15 | 2017-11-24 | 华为技术有限公司 | 一种添加图表的方法、装置和设备 |
-
2017
- 2017-12-26 CN CN201711431401.2A patent/CN108255969A/zh active Pending
-
2018
- 2018-01-31 WO PCT/CN2018/074669 patent/WO2019127824A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100156889A1 (en) * | 2008-12-18 | 2010-06-24 | Microsoft Corporation | Bi-directional update of a grid and associated visualizations |
CN102902767A (zh) * | 2012-09-25 | 2013-01-30 | 北京科东电力控制系统有限责任公司 | 一种表格快速搭建的方法及系统 |
CN104866567A (zh) * | 2015-05-22 | 2015-08-26 | 国家计算机网络与信息安全管理中心 | 一种业务数据呈现方法及装置 |
CN106933887A (zh) * | 2015-12-31 | 2017-07-07 | 北京国双科技有限公司 | 一种数据可视化方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN108255969A (zh) | 2018-07-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2019127824A1 (zh) | 可视化图表页面实现方法、装置、终端设备及存储介质 | |
WO2019109485A1 (zh) | 基于eCharts工具的图表制作方法、装置、设备及介质 | |
US8856160B2 (en) | Product options framework and accessories | |
US20220215606A1 (en) | Systems and methods of generating a design based on a design template and another design | |
US8233009B2 (en) | Rollback in a browser | |
CN102999561B (zh) | 数据集和数据服务的上下文趋向 | |
US20180285818A1 (en) | Collaboration platform | |
US9251169B2 (en) | Systems and methods for creating photo collages | |
US9865181B2 (en) | Use of style sets to assist a user in digitizing GIS layers | |
US11921991B2 (en) | Data visualization tool with guided visualization creation and secure publication features, and graphical user interface thereof | |
US20230169700A1 (en) | Systems and methods for automatically recolouring a design | |
US20160314502A1 (en) | System and method for streamlining the design and development process of multiple advertising units | |
US20140068450A1 (en) | Personalized Curation and Customized Social Interaction | |
KR102247877B1 (ko) | 온라인 쇼핑몰 배너 디자인 생성을 위한 이미지 크롭 방법 및 장치 | |
KR102246537B1 (ko) | 온라인 쇼핑몰 배너 디자인 자동 생성 방법 및 장치 | |
JP2017033355A (ja) | 情報処理装置及びプログラム | |
JP6905084B2 (ja) | コンテンツアイテムコレクションの管理 | |
US11797754B2 (en) | Systems and methods for automatically scoring a group of design elements | |
CN114935996B (zh) | 在线处理文档的方法、计算机设备、存储介质 | |
CN115952232A (zh) | 一种云数据可视化方法、装置、终端及存储介质 | |
CN117787211A (zh) | 一种图文设计页面识别排版整理方法 | |
CN117093763A (zh) | 一种数据搜索方法、装置、设备以及存储介质 | |
CN118295696A (zh) | 自由流程处理方法、装置、设备、存储介质和程序产品 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
32PN | Ep: public notification in the ep bulletin as address of the adressee cannot be established |
Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM1205A DATED 07/10/2020) |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 18897690 Country of ref document: EP Kind code of ref document: A1 |