CN112579664A - Processing method and device for chart linkage - Google Patents
Processing method and device for chart linkage Download PDFInfo
- Publication number
- CN112579664A CN112579664A CN201910944575.1A CN201910944575A CN112579664A CN 112579664 A CN112579664 A CN 112579664A CN 201910944575 A CN201910944575 A CN 201910944575A CN 112579664 A CN112579664 A CN 112579664A
- Authority
- CN
- China
- Prior art keywords
- chart
- linkage
- index
- source
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 17
- 238000000034 method Methods 0.000 claims abstract description 37
- 230000000007 visual effect Effects 0.000 claims abstract description 17
- 230000001960 triggered effect Effects 0.000 claims description 27
- 238000012545 processing Methods 0.000 claims description 22
- 238000012800 visualization Methods 0.000 claims description 18
- 238000004891 communication Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 31
- 230000006870 function Effects 0.000 description 15
- 238000004590 computer program Methods 0.000 description 7
- 238000005065 mining Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 238000012546 transfer Methods 0.000 description 4
- 238000004458 analytical method Methods 0.000 description 3
- 230000014509 gene expression Effects 0.000 description 3
- 238000007405 data analysis Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 238000013501 data transformation Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
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/24—Querying
- G06F16/245—Query processing
- G06F16/2458—Special types of queries, e.g. statistical queries, fuzzy queries or distributed queries
- G06F16/2462—Approximate or statistical queries
-
- 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
Abstract
The invention discloses a processing method and device for chart linkage. Wherein, the method comprises the following steps: configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage. The method and the device solve the technical problem that in the related technology, the graph linkage can only transmit the dimension of the source graph, so that the configuration of the linked target graph is not flexible enough.
Description
Technical Field
The invention relates to the field of data processing, in particular to a processing method and device for chart linkage.
Background
The chart is a graph structure capable of visually and vividly displaying the attribute of the statistical information, and is beneficial to deeply mining the statistical information and generating visual and vivid feeling.
Typically, the statistical information includes attributes of multiple dimensions, such as time, quantity, category, profit, and the like. In a use scenario of a chart, a plurality of charts are often required to be combined to display statistical information, and a certain relationship exists among the plurality of charts. For example, a source chart is used to describe the overview of a certain index throughout the year, and a target chart describes the specific data in the overview. When the source chart is drilled down to show the overview data of a month, the target chart is linked with the data transformation of the source chart. The graph linkage can enable the value of the data to be displayed more intuitively, and is helpful for a user to perform more detailed data analysis. However, when a user needs to perform mining analysis on a certain index, the above scheme is not flexible enough in linkage mode because the source chart can only transmit dimension information to the target chart, and cannot meet the user requirement.
Aiming at the technical problem that the linkage of the graphs only can transfer the dimension of a source graph in the related technology, and the configuration of a target graph after linkage is not flexible enough, an effective solution is not provided at present.
Disclosure of Invention
The embodiment of the invention provides a processing method and device for chart linkage, which are used for at least solving the technical problem that the chart linkage in the related technology can only transmit the dimension of a source chart, so that the configuration of a target chart after linkage is not flexible enough.
According to an aspect of the embodiments of the present invention, there is provided a method for processing chart linkage, including: configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage.
Optionally, configuring index linkage information of a source chart on the visualization platform, including: adding an index linkage control for configuring index linkage information on a menu bar of a source chart; under the condition of triggering a click event of the index linkage control, inputting index linkage information on an index linkage configuration interface; and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, in a case of triggering the index linkage, determining data displayed in the target graph based on the overall configuration information includes: through the click event that triggers the source chart, transfer the event center and receive index linkage information, wherein, index linkage information includes at least: the index field name of the source chart; inquiring based on the index field name of the source chart to obtain a parameter value associated with the index field name; data for rendering a display in the target graph is determined based on the parameter values.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
According to another aspect of the embodiments of the present invention, there is also provided a chart linkage processing method, including: displaying a control linked with indexes in a menu bar of a source chart on an interface; and if the control of the index linkage is triggered, displaying a popped index linkage configuration interface, wherein the configuration content displayed on the index linkage configuration interface at least comprises the following steps: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; and under the condition of triggering index linkage, determining data displayed in the target diagram according to the configuration information input on the index linkage configuration interface, wherein the data displayed in the target diagram is newly drawn data inquired based on the configuration information.
According to another aspect of the embodiments of the present invention, there is also provided a chart linkage processing apparatus, including: the configuration module is used for configuring index linkage information of a source chart on the visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; the merging module is used for merging the index linkage information into the overall configuration information of the source chart; and the determining module is used for determining the data displayed in the target chart based on the overall configuration information under the condition of triggering index linkage.
According to another aspect of the embodiments of the present invention, there is also provided a chart linkage processing apparatus, including: the first display module is used for displaying a control linked with indexes in a menu bar of a source chart on the interface; and the second display module is used for displaying a popup index linkage configuration interface if the control of the index linkage is triggered, wherein the configuration content displayed on the index linkage configuration interface at least comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; and the determining module is used for determining the data displayed in the target chart according to the configuration information input on the index linkage configuration interface under the condition of triggering index linkage, wherein the data displayed in the target chart is the new redrawing data inquired based on the configuration information.
According to another aspect of the embodiments of the present invention, there is also provided a storage medium, where the storage medium includes a stored program, and when the program runs, the apparatus on which the storage medium is located is controlled to execute any one of the processing methods for chart linkage.
According to another aspect of the embodiments of the present invention, there is also provided an apparatus, including at least one processor, and at least one memory connected to the processor, a bus; the processor and the memory complete mutual communication through a bus; the processor is used for calling the program instructions in the memory so as to execute any one of the processing methods of the chart linkage.
In the embodiment of the invention, firstly, index linkage information of a source chart on a visual platform is configured, wherein the index linkage information comprises the following components: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage. Compared with the prior art, the method and the device have the advantages that index linkage information is configured on the source chart, the index is used as a transmission medium of the source chart, other charts related to the index are used as the target chart for linkage, the technical problem that in the related technology, the chart linkage can only transmit the dimension of the source chart, so that the linked target chart is not flexible in configuration is solved, and the purpose of deeply mining and analyzing the index is achieved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this application, illustrate embodiments of the application and, together with the description, serve to explain the application and are not intended to limit the application. In the drawings:
FIG. 1 is a flow diagram of an alternative chart linkage processing method according to an embodiment of the invention;
FIG. 2 is a page diagram of an alternative configuration of indicator linkage information on a source chart according to an embodiment of the invention;
FIG. 3 is a diagram of an alternative comparison page before and after index linkages in accordance with an embodiment of the present invention;
FIG. 4 is a diagram of an alternative linkage style configuration page according to an embodiment of the present invention;
FIG. 5 is a flow diagram of another alternative method of processing graph linkages in accordance with an embodiment of the present invention;
FIG. 6 is a schematic diagram of an alternative graph-linked processing device according to an embodiment of the present invention;
FIG. 7 is a schematic view of an alternative graph-linked processing device according to an embodiment of the present invention; and
fig. 8 is a schematic diagram of an alternative apparatus configuration according to an embodiment of the present invention.
Detailed Description
It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only partial embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the terms "first," "second," and the like in the description and claims of the present invention and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the invention described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
For convenience of description, some terms or expressions referred to in the embodiments of the present application are explained below:
an indicator card: a graph can show configured index values.
Linkage: associations between multiple charts, such as clicking on a dimension or index of one chart, and another chart changes accordingly.
Vue: and a set of progressive JS framework for constructing a user interface.
JS: javascript, a scripting language, is a dynamic-type, weak-type, prototype-based language that is used to add dynamic functionality to web pages.
Vuex: state management schema developed for Vue.
Element-UI: the desktop end component library is based on Vue architecture.
In accordance with an embodiment of the present invention, there is provided a method of processing graph linkage, it being noted that the steps illustrated in the flowchart of the figure may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowchart, in some cases the steps illustrated or described may be performed in an order different than here.
Fig. 1 is a flowchart of a processing method of chart linkage according to an embodiment of the present invention, as shown in fig. 1, the method is based on a visualization platform, and includes the following steps:
step S102, index linkage information of a source chart on a visual platform is configured, wherein the index linkage information comprises: the configuration information of the source chart and the configuration information of at least one target chart linked with the source chart.
In an alternative, the visualization platform may be an interactive platform with a chart display function; the source graph may be a graph including an index, which may be information in any dimension, such as quantity, profit, sales, etc.
The configuration information of the source chart may include an index that needs to be linked in the source chart, including an ID of the source chart, an index field of the source chart, and the like.
Generally, the configuration information of the source chart lists all indexes in the source chart for the user to check. For example, when the source chart is configured, all indexes in the source chart, such as profit and quantity, appear on the page, each index is preceded by a selection component, and a user can select the index needing mining analysis according to business requirements.
It should be noted that the index linkage information may configure one index, or may configure two or more indexes at the same time.
The target chart can be a chart capable of showing detailed index information, such as any form of visual chart, such as a histogram, a pie chart, a stacked histogram, a bubble chart and the like; the configuration information of the target chart can embody fine granularity information of the indexes in the source chart, and represents the next-level subdivision attributes of the indexes and the numerical values corresponding to each subdivision attribute; the configuration information of the target graph may include an ID of the target graph, a parameter of the target graph, and the like.
It should be noted that the target charts have various expression forms, and a plurality of effective target charts are configured, so that a user can be guided to analyze data more quickly and intuitively.
And step S104, merging the index linkage information into the overall configuration information of the source chart.
After the index linkage information of the source chart on the visual platform is configured, the index linkage information can be merged into the overall configuration information of the source chart, and linkage display is facilitated.
It should be noted that the overall configuration information includes not only index linkage information for configuring index linkage, but also data editing information for editing data, style editing information for editing styles such as dialog box background, color, line type, line thickness, and the like, and warning information for setting warning.
And step S106, determining data displayed in the target chart based on the overall configuration information under the condition of triggering index linkage.
In an alternative, the manner of triggering the index linkage may be mouse clicking, double clicking, cursor hovering, touch, or the like. For example, when the user triggers the index linkage once, the target chart in the linkage range is changed into a type, such as a bar chart into a pie chart.
In an optional embodiment, since the user has already configured the overall configuration information including the index linkage information before triggering the index linkage, the visualization platform can determine the data displayed in the plurality of target charts according to the configured overall configuration information under the condition of triggering the index linkage, so as to display the data in different forms of target charts, provide drill-down and comparison of indexes, display the originally boring data to the user in the form of charts, bring intuitive digital feeling to the user, and facilitate the user to analyze and mine the data.
In the above embodiment, first, index linkage information of a source chart on a visualization platform is configured, where the index linkage information includes: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage. Compared with the prior art, the method and the device have the advantages that index linkage information is configured on the source chart, the index is used as a transmission medium of the source chart, other charts related to the index are used as the target chart for linkage, the technical problem that in the related technology, the chart linkage can only transmit the dimension of the source chart, so that the linked target chart is not flexible in configuration is solved, and the purpose of deeply mining and analyzing the index is achieved.
Optionally, the step S102 of configuring the index linkage information of the source chart on the visualization platform may specifically include the following steps:
and step S1021, adding an index linkage control for configuring index linkage information on a menu bar of the source chart.
And step S1022, under the condition that the click event of the index linkage control is triggered, index linkage information is input on the index linkage configuration interface.
In one alternative, the index linkage configuration interface is implemented based on the Vue architecture and the component library.
Step S1023, index linkage information is saved.
In an alternative, the index linkage information may be saved to Vuex, which is a state management mode developed at Vue.
After the index linkage information is input, the visualization platform adds the configured index linkage information into the overall configuration information of the source chart.
FIG. 2 shows an alternative page diagram for configuring the indicator linkage information on the source chart. As shown in FIG. 2, an active chart is displayed on the visualization platform, and the active chart lists two indexes of 'profit 2156562' and 'quantity 37675'. Firstly, a user needs to add an index linkage control for configuring index linkage information on a menu bar of a source chart, and the index linkage information is input on an index linkage configuration interface under the condition of triggering a click event of the index linkage control. Specifically, the index linkage configuration interface is realized based on an Vue framework and an Element-UI component library and has a plurality of dynamic logics. For example, in the source chart setting of fig. 2, the field that needs to initiate the linkage is added according to the data of the source chart, and when the data of the source chart changes, the field also changes dynamically. In the target chart setting, the style of the target chart is changed according to the chart in the instrument plate in the visual interface of the visual platform, and the target parameters are changed along with the data of the source chart.
It should be noted that the fields set in the source diagram have a corresponding relationship with the target parameters, and if the check of one field is cancelled, the drop-down box of the target parameters will lack one drop-down item. In addition, when the dashboard information is stored, the visual platform can be sent to the back-end server for storage.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
In one alternative, the source chart fields may be metrics such as profit, quantity, sales, etc. The target parameter can represent the next level subdivision attribute of the index and the value corresponding to each subdivision attribute.
Optionally, when the index linkage is triggered in step S106, determining data displayed in the target graph based on the overall configuration information may specifically include the following steps:
step S1061, receiving index linkage information by triggering a click event of a source chart and calling an event center, wherein the index linkage information at least comprises: the index field name of the source chart.
In one alternative, the event center may be Vuex; the index linkage information may include an index field name of the source chart, an ID of the original chart, and the like.
Step S1062, inquiring based on the index field name of the source chart, and acquiring the parameter value associated with the index field name.
In an alternative, the above query may be a function in Vuex.
It should be noted that, in the present application, a triggermetricslink function is added to Vuex, and the function of the triggermetricslink function is as follows: and modifying the state (including trigger source and parameter value) of each target chart in the overall configuration information according to the received overall configuration information, and informing each target chart to refresh.
Since the user has configured the index linkage information for the index, after the user triggers the click event of the source chart, the event center can query according to the index field name of the source chart or the index field name and the ID of the source chart to obtain the parameter value associated with the index field name.
In step S1063, data for drawing the display in the target chart is determined based on the parameter values.
FIG. 3 shows an alternative comparative page before and after index linkage. As shown in FIG. 3, the source graph does not have any extensible form when no index linkage is established with the source graph. After index linkage is established, a user triggers a source chart, and an event center calls a triggerMetricLink function to modify a trigger source and a parameter value for each target chart in the overall configuration information and informs each target chart to refresh. When the event center is refreshed, the target graph may use the index field name of the source graph, for example, "o" as shown in fig. 2, as the value of the parameter, construct a network query, and send the query condition to the event center. And returning the new target parameters to the target diagram by the event center, and redrawing the target diagram according to the target parameters. As shown in fig. 3, the data, name, style, and the like of the linked target chart are all changed.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
In an alternative, the linkage index may be added with a linkage mark within a preset range of the index that is configured successfully.
If the style of the source chart is changed, the style of the target chart linked with the source chart is also changed.
After the indexes of the source chart are configured with the index linkage information successfully, the style of the indexes changes. For example, in FIG. 3, a link mark ∞ appears behind the index "profit 2156563" to indicate that the profit index of the source graph is configured in a coordinated manner, and the target graph associated with the source graph is dynamically displayed when the mouse hovers. In addition, a border appears on the outer circle of the source chart, indicating that the style of the source chart is configurable.
Fig. 4 shows an alternative linkage style configuration page. Clicking on the style edit in the source chart menu bar of fig. 2 may enter the linked style configuration dialog of fig. 4. The user can set the display time of the linkage mark, the switch of the linkage style, the Beijing color of the source chart and the linkage style, such as the display mode, the color, the line type, the line width, the round angle and the like of the frame. After the setting is completed, the visualization platform edits and modifies the Style of the CSS (Cascading Style schemes) according to the new Style.
In the above embodiment of the present application, first, index linkage information of a source chart on a visualization platform is configured, where the index linkage information includes: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage. Compared with the prior art, the method and the device have the advantages that index linkage information is configured on the source chart, the index is used as a transmission medium of the source chart, other charts related to the index are used as the target chart for linkage, the technical problem that in the related technology, the chart linkage can only transmit the dimension of the source chart, so that the linked target chart is not flexible in configuration is solved, and the purpose of deeply mining and analyzing the index is achieved. It is easy to notice that the scheme inputs index linkage information on an existing index linkage configuration interface by clicking the index linkage control, so that linkage of a source chart and a target chart is conveniently and quickly established; the linkage target diagram is enabled to better meet the business requirements by configuring at least one source diagram field and at least one target parameter which has a corresponding relation with the source diagram field; rapidly inquiring parameter values associated with the index field names through a triggermetricsLink function of the event center, so that a target chart can be drawn; the purpose of displaying the data analysis page in a personalized manner is achieved by setting the source chart style.
According to another aspect of the embodiment of the present invention, a processing method of graph linkage is further provided, and fig. 5 is a flowchart of another optional processing method of graph linkage according to the embodiment of the present invention. As shown in fig. 5, the method based on the interface operation layer of the visualization platform specifically includes the following steps:
and step S502, displaying a control linked with the index in a menu bar of the source chart on the interface.
In an alternative, the interface may be an interface of a visualization platform, and the visualization platform may be an interactive platform with a chart display function; the source graph may be a graph including an index, which may be information in any dimension, such as quantity, profit, sales, etc.
Step S504, if the control of the index linkage is triggered, a popup index linkage configuration interface is displayed, wherein the configuration content displayed on the index linkage configuration interface at least comprises: the configuration information of the source chart and the configuration information of at least one target chart linked with the source chart.
In one alternative, the index linkage configuration interface is realized based on Vue architecture and a component library; the configuration information of the source chart may include an index required to be linked in the source chart, including an ID of the source chart, an index field name of the source chart, and the like.
Generally, the configuration information of the source chart lists all indexes in the source chart for the user to check. For example, when the source chart is configured, all indexes in the source chart, such as profit and quantity, appear on the page, each index is preceded by a selection component, and a user can select the index needing mining analysis according to business requirements.
It should be noted that the index linkage information may configure one index, or may configure two or more indexes at the same time.
The target chart can be a chart capable of showing detailed index information, such as any form of visual chart, such as a histogram, a pie chart, a stacked histogram, a bubble chart and the like; the configuration information of the target chart can embody fine granularity information of the indexes in the source chart, and represents the next-level subdivision attributes of the indexes and the numerical values corresponding to each subdivision attribute; the configuration information of the target graph may include an ID of the target graph, a parameter of the target graph, and the like.
It should be noted that the target charts have various expression forms, and a plurality of effective target charts are configured, so that a user can be guided to analyze data more quickly and intuitively.
And S506, under the condition that index linkage is triggered, determining data displayed in the target graph according to the configuration information input on the index linkage configuration interface, wherein the data displayed in the target graph is the new redrawing data inquired based on the configuration information.
In an alternative, the data displayed in the target graph may be queried by an event center, which may be Vuex; the above query may be a call to a function in Vuex.
It should be noted that, in the present application, a triggermetricslink function is added to Vuex, and the function of the triggermetricslink function is as follows: and modifying the state (including trigger source and parameter value) of each target chart in the overall configuration information according to the received overall configuration information, and informing each target chart to refresh.
Since the user has configured the index linkage information for the index, after the user triggers the click event of the source chart, the event center can query according to the index field name of the source chart or the index field name and the ID of the source chart to obtain the parameter value associated with the index field name.
Optionally, if the indicator linkage control is triggered in step S504, displaying a popup indicator linkage configuration interface, which may specifically include the following steps:
step S5041, when the click event of the indicator linkage control is triggered, an indicator linkage configuration interface pops up in the interface displaying the source chart.
Step S5042, index linkage information is entered on the index linkage configuration interface, and the index linkage information is saved.
After the index linkage information is input, the visualization platform adds the configured index linkage information into the overall configuration information of the source chart.
It should be noted that the fields set in the source diagram have a corresponding relationship with the target parameters, and if the check of one field is cancelled, the drop-down box of the target parameters will lack one drop-down item. In addition, when the dashboard information is stored, the visual platform can be sent to the back-end server for storage.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
In one alternative, the source chart fields may be metrics such as profit, quantity, sales, etc. The target parameter can represent the next level subdivision attribute of the index and the value corresponding to each subdivision attribute.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
In an alternative, the linkage index may be added with a linkage mark within a preset range of the index that is configured successfully.
If the style of the source chart is changed, the style of the target chart linked with the source chart is also changed.
According to an embodiment of the present invention, a graph linkage processing device is further provided, and fig. 6 is a schematic diagram of the graph linkage processing device according to the embodiment of the present application. As shown in fig. 6, the apparatus 600 includes a configuration module 602, a merging module 604, and a determination module 606.
The configuration module 602 is configured to configure index linkage information of a source chart on a visualization platform, where the index linkage information includes: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; a merging module 604, configured to merge the index linkage information into the overall configuration information of the source chart; a determining module 606, configured to determine data displayed in the target graph based on the overall configuration information when the index linkage is triggered.
The processing device for chart linkage includes a processor and a memory, the configuration module 602, the merging module 604, and the determination module 606 are all stored in the memory as program module units, and the processor executes the program module units stored in the memory to implement corresponding functions.
The processor comprises a kernel, and the kernel calls the corresponding program unit from the memory. The kernel can be set to be one or more than one, and the Wien diagram and the keywords are displayed simultaneously by adjusting the kernel parameters, so that the use effect is improved.
The memory may include volatile memory in a computer readable medium, Random Access Memory (RAM) and/or nonvolatile memory such as Read Only Memory (ROM) or flash memory (flash RAM), and the memory includes at least one memory chip.
Optionally, the configuration module comprises: the adding module is used for adding an index linkage control for configuring index linkage information on a menu bar of the source chart; the input module is used for inputting index linkage information on an index linkage configuration interface under the condition of triggering a click event of the index linkage control; and the storage module is used for storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, the determining module includes: the calling module is used for calling an event center to receive index linkage information by triggering a click event of a source chart, wherein the index linkage information at least comprises: the index field name of the source chart; the acquisition module is used for inquiring based on the index field name of the source chart and acquiring the parameter value associated with the index field name; a determination submodule for determining data for rendering a display in the target graph based on the parameter values.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
It should be noted that the configuration module 602, the merging module 604, and the determination module 606 correspond to steps S102 to S106 in the method embodiment, and these three modules are the same as the example and application scenarios implemented by the corresponding steps, but are not limited to the disclosure of the method embodiment.
According to an embodiment of the present invention, another graph linkage processing device is further provided, and fig. 7 is a schematic diagram of the graph linkage processing device according to the embodiment of the present application. As shown in fig. 7, the apparatus 700 includes a first display module 702, a second display module 704, and a determination module 706.
The first display module 702 is configured to display a control linked with an index in a menu bar of a source chart on the interface; a second display module 704, configured to display a popup indicator linkage configuration interface if the indicator linkage control is triggered, where configuration content displayed on the indicator linkage configuration interface at least includes: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; and the determining module 706 is configured to determine data displayed in the target graph according to the configuration information entered on the index linkage configuration interface under the condition that the index linkage is triggered, where the data displayed in the target graph is new redrawn data queried based on the configuration information.
The processing device for graph linkage includes a processor and a memory, the first display module 702, the second display module 704 and the determination module 706 are all stored in the memory as program module units, and the processor executes the program module units stored in the memory to implement corresponding functions.
The processor comprises a kernel, and the kernel calls the corresponding program unit from the memory. The kernel can be set to be one or more than one, and the Wien diagram and the keywords are displayed simultaneously by adjusting the kernel parameters, so that the use effect is improved.
The memory may include volatile memory in a computer readable medium, Random Access Memory (RAM) and/or nonvolatile memory such as Read Only Memory (ROM) or flash memory (flash RAM), and the memory includes at least one memory chip.
Optionally, the second display module comprises: the pop-up module is used for popping up an index linkage configuration interface in an interface for displaying a source chart under the condition of triggering a click event of the index linkage control; and the input module is used for inputting index linkage information on the index linkage configuration interface and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
It should be noted that the first display module 702, the second display module 704 and the determination module 706 correspond to steps S502 to S506 in another method embodiment, and the three modules are the same as the examples and application scenarios realized by the corresponding steps, but are not limited to the disclosure of the method embodiment.
According to another aspect of the embodiments of the present invention, there is also provided a storage medium, where the storage medium includes a stored program, and when the program runs, a device in which the storage medium is located is controlled to execute the processing method of any one of the chart linkage in the method embodiments.
According to another aspect of the embodiments of the present invention, there is also provided a processor, configured to run a program, where the program executes any one of the processing methods of the graph linkage in the embodiment.
There is also provided, in accordance with another aspect of an embodiment of the present invention, an apparatus 800, as shown in fig. 8, including at least one processor 801, and at least one memory 802 coupled to the processor 801, a bus 803; the processor 801 and the memory 802 complete communication with each other through the bus 803; the processor 801 is configured to call program instructions in the memory 802 to perform any one of the method embodiments of the method for processing graph linkages.
The embodiment of the invention provides equipment, which comprises a processor, a memory and a program which is stored on the memory and can run on the processor, wherein the processor executes the program and realizes the following steps:
configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage.
Optionally, configuring index linkage information of a source chart on the visualization platform, including: adding an index linkage control for configuring index linkage information on a menu bar of a source chart; under the condition of triggering a click event of the index linkage control, inputting index linkage information on an index linkage configuration interface; and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, in a case of triggering the index linkage, determining data displayed in the target graph based on the overall configuration information includes: through the click event that triggers the source chart, transfer the event center and receive index linkage information, wherein, index linkage information includes at least: the index field name of the source chart; inquiring based on the index field name of the source chart to obtain a parameter value associated with the index field name; data for rendering a display in the target graph is determined based on the parameter values.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
The embodiment of the present invention further provides a device, where the device includes a processor, a memory, and a program stored in the memory and capable of running on the processor, and the processor may further implement the following steps when executing the program:
displaying a control linked with indexes in a menu bar of a source chart on an interface; and if the control of the index linkage is triggered, displaying a popped index linkage configuration interface, wherein the configuration content displayed on the index linkage configuration interface at least comprises the following steps: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; and under the condition of triggering index linkage, determining data displayed in the target diagram according to the configuration information input on the index linkage configuration interface, wherein the data displayed in the target diagram is newly drawn data inquired based on the configuration information.
Optionally, if the control of the index linkage is triggered, displaying a pop-up index linkage configuration interface, including: under the condition of triggering a click event of the index linkage control, popping up an index linkage configuration interface in an interface for displaying a source chart; and inputting index linkage information on the index linkage configuration interface, and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
The device in the application can be a server, a PC, a PAD, a mobile phone and the like.
The present application further provides a computer program product adapted to perform a program for initializing the following method steps when executed on a data processing device:
configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; merging the index linkage information into the overall configuration information of the source chart; and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage.
Optionally, configuring index linkage information of a source chart on the visualization platform, including: adding an index linkage control for configuring index linkage information on a menu bar of a source chart; under the condition of triggering a click event of the index linkage control, inputting index linkage information on an index linkage configuration interface; and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, in a case of triggering the index linkage, determining data displayed in the target graph based on the overall configuration information includes: through the click event that triggers the source chart, transfer the event center and receive index linkage information, wherein, index linkage information includes at least: the index field name of the source chart; inquiring based on the index field name of the source chart to obtain a parameter value associated with the index field name; data for rendering a display in the target graph is determined based on the parameter values.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
The present application further provides a computer program product, which, when being executed on a data processing device, is further adapted to carry out a program for initializing the following method steps:
displaying a control linked with indexes in a menu bar of a source chart on an interface; and if the control of the index linkage is triggered, displaying a popped index linkage configuration interface, wherein the configuration content displayed on the index linkage configuration interface at least comprises the following steps: configuration information of a source chart and configuration information of at least one target chart linked with the source chart; and under the condition of triggering index linkage, determining data displayed in the target diagram according to the configuration information input on the index linkage configuration interface, wherein the data displayed in the target diagram is newly drawn data inquired based on the configuration information.
Optionally, if the control of the index linkage is triggered, displaying a pop-up index linkage configuration interface, including: under the condition of triggering a click event of the index linkage control, popping up an index linkage configuration interface in an interface for displaying a source chart; and inputting index linkage information on the index linkage configuration interface, and storing the index linkage information.
Optionally, the configuration information of the source graph includes: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
Optionally, when the index linkage is triggered, a style of the source chart is displayed, where the style includes: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a device includes one or more processors (CPUs), memory, and a bus. The device may also include input/output interfaces, network interfaces, and the like.
The memory may include volatile memory in a computer readable medium, Random Access Memory (RAM) and/or nonvolatile memory such as Read Only Memory (ROM) or flash memory (flash RAM), and the memory includes at least one memory chip. The memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined in this embodiment, the computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in the process, method, article, or apparatus that comprises the element.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The above are merely examples of the present application and are not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.
Claims (10)
1. A chart linkage processing method, comprising:
configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart;
merging the index linkage information into the overall configuration information of the source chart;
and determining data displayed in the target graph based on the overall configuration information under the condition of triggering index linkage.
2. The method of claim 1, wherein configuring the indicator linkage information of the source chart on the visualization platform comprises:
adding an index linkage control for configuring the index linkage information on a menu bar of the source chart;
under the condition of triggering the click event of the index linkage control, the index linkage information is input on an index linkage configuration interface;
and saving the index linkage information.
3. The method of claim 2, wherein the configuration information of the source graph comprises: at least one source chart field needing to initiate linkage in the source chart, wherein the configuration information of the target chart comprises: at least one target parameter having a correspondence with the source graph field.
4. The method according to any one of claims 1 to 3, wherein determining data displayed in the target graph based on the overall configuration information in a case where index linkage is triggered comprises:
receiving the index linkage information by calling an event center through a click event triggering the source chart, wherein the index linkage information at least comprises: an index field name of the source graph;
inquiring based on the index field name of the source chart to obtain a parameter value associated with the index field name;
determining data for drawing a display in the target graph based on the parameter values.
5. The method of claim 1, wherein triggering the indicator linkage displays a style of the source graph, wherein the style comprises: at least one index of linkage is set, and a target chart linked with the source chart is dynamically displayed.
6. A chart linkage processing method, comprising:
displaying a control linked with indexes in a menu bar of a source chart on an interface;
and if the control of the index linkage is triggered, displaying a popup index linkage configuration interface, wherein the configuration content displayed on the index linkage configuration interface at least comprises: the configuration information of the source chart and the configuration information of at least one target chart linked with the source chart;
and under the condition of triggering index linkage, determining data displayed in the target chart according to configuration information input on the index linkage configuration interface, wherein the data displayed in the target chart is newly drawn data inquired based on the configuration information.
7. A chart linkage processing apparatus, comprising:
the configuration module is used for configuring index linkage information of a source chart on a visual platform, wherein the index linkage information comprises: configuration information of a source chart and configuration information of at least one target chart linked with the source chart;
the merging module is used for merging the index linkage information into the overall configuration information of the source chart;
and the determining module is used for determining the data displayed in the target chart based on the overall configuration information under the condition of triggering index linkage.
8. A chart linkage processing apparatus, comprising:
the first display module is used for displaying a control linked with indexes in a menu bar of a source chart on the interface;
and the second display module is used for displaying a popup index linkage configuration interface if the control of the index linkage is triggered, wherein the configuration content displayed on the index linkage configuration interface at least comprises: the configuration information of the source chart and the configuration information of at least one target chart linked with the source chart;
and the determining module is used for determining the data displayed in the target chart according to the configuration information input on the index linkage configuration interface under the condition of triggering index linkage, wherein the data displayed in the target chart is the new redrawing data inquired based on the configuration information.
9. A storage medium, characterized in that the storage medium comprises a stored program, wherein a device on which the storage medium is located is controlled to execute the processing method of chart linkage according to any one of claims 1-6 when the program runs.
10. An apparatus comprising at least one processor, and at least one memory connected to the processor, a bus; the processor and the memory complete mutual communication through the bus; the processor is configured to call program instructions in the memory to perform the method of processing graph linkages of any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910944575.1A CN112579664A (en) | 2019-09-30 | 2019-09-30 | Processing method and device for chart linkage |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910944575.1A CN112579664A (en) | 2019-09-30 | 2019-09-30 | Processing method and device for chart linkage |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112579664A true CN112579664A (en) | 2021-03-30 |
Family
ID=75117317
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910944575.1A Pending CN112579664A (en) | 2019-09-30 | 2019-09-30 | Processing method and device for chart linkage |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112579664A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115150656A (en) * | 2022-07-08 | 2022-10-04 | 上海百家云科技有限公司 | Method and device for updating display page of live broadcast room, electronic equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
| CN110019974A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | Implementation method and device are bored under chart |
| CN110020376A (en) * | 2017-12-28 | 2019-07-16 | 北京京东尚科信息技术有限公司 | Data linkage method and system |
-
2019
- 2019-09-30 CN CN201910944575.1A patent/CN112579664A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
| CN110019974A (en) * | 2017-09-30 | 2019-07-16 | 北京国双科技有限公司 | Implementation method and device are bored under chart |
| CN110020376A (en) * | 2017-12-28 | 2019-07-16 | 北京京东尚科信息技术有限公司 | Data linkage method and system |
Non-Patent Citations (1)
| Title |
|---|
| 机的撒胡椒粉: "图表插件FineReport：[8]图表联动-百度经验", pages 1 - 5, Retrieved from the Internet <URL:https://jingyan.baidu.com/article/642c9d34eafdda644a46f7ec.html> * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115150656A (en) * | 2022-07-08 | 2022-10-04 | 上海百家云科技有限公司 | Method and device for updating display page of live broadcast room, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108228169B (en) | Chart making method, device, equipment and medium based on eCharts tool | |
| US11216453B2 (en) | Data visualization in a dashboard display using panel templates | |
| KR101794373B1 (en) | Temporary formatting and charting of selected data | |
| US10261659B2 (en) | Orbit visualization for displaying hierarchical data | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| US9292625B2 (en) | Dynamic determination of pattern type and chart type for visual analytics | |
| CN111966345A (en) | Drag-type webpage design method and device, computer equipment and storage medium | |
| US10042920B2 (en) | Chart navigation system | |
| CA2827833C (en) | System and method for improved consumption models for summary analytics | |
| US20140075350A1 (en) | Visualization and integration with analytics of business objects | |
| US10372302B2 (en) | Dimension based dynamic determination of visual analytics | |
| US20140331179A1 (en) | Automated Presentation of Visualized Data | |
| US20170185612A1 (en) | Dynamically designing web pages | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| CN104951477B (en) | Method and apparatus for crossing filter data | |
| US20160371652A1 (en) | Balanced Information System | |
| CN112579664A (en) | Processing method and device for chart linkage | |
| US11880539B1 (en) | Pop-up preview of table data | |
| US9996559B2 (en) | Maintenance actions and user-specific settings of the attribute value derivation instruction set user interface | |
| US9230022B1 (en) | Customizable result sets for application program interfaces | |
| US11449513B2 (en) | Data analysis system | |
| CN113535162A (en) | Front-end interface configuration method, display method and device | |
| KR20210121574A (en) | Data set management device and method for displaying relationship between machine learning model and data set using the same | |
| US11449493B2 (en) | Persistent and configurable multidimensional data constraints | |
| US11314796B2 (en) | Dimension-specific dynamic text interface for data analytics |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |