CN111124557A - Interaction method and device for graph and table - Google Patents
Interaction method and device for graph and table Download PDFInfo
- Publication number
- CN111124557A CN111124557A CN201811290199.0A CN201811290199A CN111124557A CN 111124557 A CN111124557 A CN 111124557A CN 201811290199 A CN201811290199 A CN 201811290199A CN 111124557 A CN111124557 A CN 111124557A
- Authority
- CN
- China
- Prior art keywords
- graph
- control
- content
- updating
- location
- 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
- 238000000034 method Methods 0.000 title claims abstract description 60
- 230000003993 interaction Effects 0.000 title claims abstract description 35
- 238000010586 diagram Methods 0.000 claims abstract description 27
- 238000012544 monitoring process Methods 0.000 claims abstract description 16
- 230000004044 response Effects 0.000 claims description 15
- 238000004806 packaging method and process Methods 0.000 claims description 12
- 238000001514 detection method Methods 0.000 claims description 6
- 230000006870 function Effects 0.000 abstract description 19
- 238000004590 computer program Methods 0.000 description 10
- 230000008859 change Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 7
- 238000012545 processing Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 238000005538 encapsulation Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000002457 bidirectional effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 230000008030 elimination Effects 0.000 description 1
- 238000003379 elimination reaction Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/61—Installation
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a graph and table interaction method and device. The method comprises the following steps: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to a first operation under the condition that the control monitors that an operation event occurs; the contents of the location are updated according to the location of the table. By the method and the device, the problem that functions are not complete enough in an interaction mode of the graph and the table in the related technology is solved.
Description
Technical Field
The application relates to the field of data interaction, in particular to a graph and table interaction method and device.
Background
In some scenarios of use of diagramming software, for example, Vue chart. The part of the interface is a graph, the other part of the interface is a table, the table corresponds to the content of the graph relatively, when a user clicks the table, the change of the graph is linked, for example, the user clicks a cell or a row of the table, and the corresponding part in the graph is highlighted. However, the user cannot implement the highlighting in the table corresponding to the graph upon clicking on the graph.
Aiming at the problem that the functions of the interaction mode of the graph and the table in the related technology are not complete enough, an effective solution is not provided at present.
Disclosure of Invention
The application mainly aims to provide a graph and table interaction method and device to solve the problem that functions of graph and table interaction methods in the related art are not complete.
In order to achieve the above object, according to an aspect of the present application, there is provided a graph and table interaction method, including: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to the first operation when the control monitors that the operation event occurs; and updating the content of the position according to the position of the table.
Optionally, after the creating a control for associating the graph with the table, the method includes: and responding to a second operation on the position in the table, and updating the content corresponding to the position in the graph through a control.
Optionally, in response to a second operation on a position in the table, updating, by the control, content in the graph corresponding to the position includes: updating data of a wizard file of the control in response to the second operation; and highlighting the content in the graph corresponding to the position in the table according to the data.
Optionally, when the control monitors that the operation event occurs, acquiring the position of the table corresponding to the first operation includes: and acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
Optionally, updating the content of the location according to the location of the table includes: highlighting the location in the table.
Optionally, highlighting the position in the table further comprises: monitoring whether the contents of other positions in the table are changed; and when the content of other positions changes, canceling the highlighting of the positions and highlighting the positions with changed content.
Optionally, the creating a control for associating the graph with the table includes: packaging the table as a component; adding a category attribute to a wizard file for the component.
In order to achieve the above object, according to another aspect of the present application, there is provided a graph and table interaction apparatus including: the establishing module is used for establishing a control for associating the chart and the table; the detection module is used for monitoring an operation event corresponding to a first operation executed on the content in the graph through the control; the obtaining module is used for obtaining the position of the table corresponding to the first operation when the control monitors that the operation event occurs; and the first updating module is used for updating the content of the position according to the position of the table.
In order to achieve the above object, according to another aspect of the present application, there is provided a storage medium including a stored program, wherein the program performs the method of any one of the above.
To achieve the above object, according to another aspect of the present application, there is provided a processor for executing a program, wherein the program executes to perform the method of any one of the above.
Through the application, the following steps are adopted: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to the first operation when the control monitors that the operation event occurs; and updating the content of the position according to the position of the table, thereby solving the problems of incomplete functions of the interaction mode of the graph and the table in the related technology. And then all dependencies of the specified software packages according to the package downloader are achieved, the rapid packaging function of the software package packager is achieved, and the software packages depended by the application system can be rapidly installed in place by combining the software package manager, and the subsequent operation is not influenced.
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 chart of a method of interaction of a graph with a table provided in accordance with an embodiment of the present application; and
fig. 2 is a schematic diagram of an interaction device of a graph and a table provided according to an embodiment of the application.
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 this application 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 should be understood that the data so used may be interchanged under appropriate circumstances such that embodiments of the application described herein may be used. 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:
js is a front-end framework, and by mainly utilizing the response type property and the reusability of the control of vue.js, prop enables a parent control to transmit data to a child control, so that some self-defined properties can be registered on the control. When a value is passed to a prop property, it becomes a property of that control instance. watch is a more general way that Vue provides to observe and respond to data changes on Vue instances. When data changes, the watch method for this data is called.
Echarts is a hundredth library of open source free charts of rich types.
The Vue chart encapsulates Echart to form a component, and the data of the chart is transmitted through prop and data, so that when a lower table is changed, the value of the transmitted data attribute can be changed, and the data used by the chart can be updated conveniently. The effect that the user clicks the table below and updates the graph is achieved.
According to an embodiment of the application, a method for interacting a graph with a table is provided.
FIG. 1 is a flow chart of a method of interacting a graph with a table according to an embodiment of the application. As shown in fig. 1, the method comprises the steps of:
step S101, establishing a control for associating a diagram and a table;
step S102, whether an operation event corresponding to a first operation executed on the content in the graph is detected through a control;
step S103, acquiring the position of a table corresponding to a first operation when the control monitors that an operation event occurs;
step S104, the content of the position is updated according to the position of the table.
The control for establishing the association graph and the table may be a component obtained by encapsulating Echart in Vue chart, and the component may transfer data of the graph or the table through attributes such as prop and data, so as to establish the control for associating the graph and the table between the graph and the table.
The first operation may be an event for executing a click operation on the graph, and the control may monitor the first operation event through an application Programming interface (api), and determine a target position, such as a cell, a row, or a column, corresponding to the click operation according to the first operation event. In this embodiment, whether the first operation occurs is monitored through the control, and when the first operation occurs, the position of the table corresponding to the first operation is determined according to the first operation.
The content of the position is updated according to the position of the table, and it should be noted that the position of the highlighted table is only a linkage mode linked with the diagram, and may also be a mode of synchronously changing the numerical value or data of the corresponding position in the table according to the scale of the table diagram, or may also be another highlighted mode of the table according to the click operation on the diagram, or may also be a mode of deleting or merging the corresponding position in the table according to the partial elimination or merging of the diagram.
Optionally, in the graph-table interaction method provided in the embodiment of the present application, after the creating a control for associating a graph with a table, the method includes: and in response to the second operation on the position in the table, updating the content corresponding to the position in the graph through the control.
According to the first operation to the drawing, the corresponding linkage to the table is realized, and the corresponding linkage to the drawing can also be realized through the second operation to the table, so that the bidirectional linkage between the drawing and the table is realized, the practicability is stronger, and the application range is wider. The above-mentioned second operation on the table to realize the corresponding linkage of the graph may include: and in response to the second operation on the position in the table, updating the content corresponding to the position in the graph through the control. In Vue chart, the control (component) can respond to a second operation occurring in the table through the API, and when the second operation occurs, acquire the position of the table corresponding to the second operation. Since the components of the graph are encapsulated by Echart, the location of the table can be determined by updating the prop: and updating the data file.
Optionally, in the method for interacting a graph and a table provided in the embodiment of the present application, in response to a second operation on a position in the table, updating, by a control, content in the graph corresponding to the position includes: updating data of a guide file of the control in response to the second operation; based on the data, the content in the graph corresponding to the position in the table is highlighted.
The wizard file may be a prop file, and the data of the wizard file may be a prop: data, as above, the constituent components of the graph are encapsulated by Echart, so that the data can be updated according to the ratio of prop: the data may be used to update the map by highlighting the portion of the map corresponding to the table location, and the highlighting may include highlighting, bolding, italicizing, underlining, and the like.
Optionally, in the interaction method between a graph and a table provided in the embodiment of the present application, when the control monitors that an operation event occurs, acquiring a position of the table corresponding to the first operation includes: and acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
The position of the table corresponding to the first operation is obtained when the control monitors that the operation event occurs, and the corresponding position in the table can be obtained by adopting an Application Programming Interface (API) according to the operation event. In Vue chart, echart's own API can realize the function of obtaining the position of the corresponding table according to the first operation on the graph, directly utilize this function, and is convenient and fast, avoids occupying too much computational resources.
Optionally, in the method for interacting between a graph and a table provided in the embodiment of the present application, updating the content of the location according to the location of the table includes: the position in the table is highlighted.
In the interaction process of the graph and the table, the table can be highlighted, the table is convenient to realize, in the Vue chart, the part of the corresponding graph can be highlighted according to the updating of the table, in addition, the table can be highlighted in a mode of highlighting the table, the marking and the highlighting in other modes are avoided, and the increase of the system operation burden can be avoided.
Optionally, in the method for interacting between a graph and a table provided in the embodiment of the present application, highlighting a position in the table includes: monitoring whether the contents of other positions in the table are changed; when the content at the other position is changed, the highlight at the highlight position is canceled and the position at which the content is changed is highlighted.
The position of the table is highlighted according to the updating of the graph, other positions of the table can be monitored according to the updating of the graph or the change of the operation of a user, when the other positions of the table are changed, the highlighting of the original position of the table is cancelled, and the changed position is highlighted so as to highlight the change of the content in the table.
In Vue chart, after highlighting the corresponding position in the table, the position in the table is passed as prop of the component of the graph, and the change of other positions in the table is waited (monitored) inside the component of the graph. The echart API is called as soon as the position in the table changes: the dispatch Action class dismisses the previously highlighted portion of the chart and highlights the current position in the table.
Optionally, in the graph-table interaction method provided in the embodiment of the present application, establishing a control for associating a graph with a table includes: packaging the table into a component; category attributes are added to the wizard file for the component.
The control can be a component formed by packaging Echart, a type attribute is added to a prop file of the component, the type of the graph can be distinguished through the type attribute, the type of the graph does not need to be distinguished in other files of the component, and the reuse rate of codes in the component can be effectively improved.
It should be noted that this embodiment also provides a method for interacting a diagram and a table, which is an optional implementation and is described below.
In the case where the top half of the interface is a graph and the bottom half is a table, the user may wish to: when the user clicks on the table, the change of the graph, specifically including the update data and the highlighting of the corresponding part of the graph, may also cause the row corresponding to the table to be highlighted when the user clicks on the graph. And the Vue chart encapsulates echart to form a component, and the data of the chart is transmitted through prop and data, so that when a lower table is changed, the value of the transmitted data attribute can be changed, and the data used by the chart can be updated conveniently. The effect that the user clicks the table below and updates the graph is achieved. However, there are the following problems: the encapsulation degree of Vue chart to Echart is not high, and components are defined according to the types of graphs, so that the code reuse rate is not high. Moreover, Vue chart does not implement click to update the table, although it does. The function is not perfect.
The embodiment performs more perfect encapsulation on Echart, does not need to distinguish the type of the graph through the type attribute, and improves the code reuse rate. And the method realizes that the table below is updated by clicking the graph, so that the function is more complete.
Since the types of the diagrams are more, a diagram component needs to be constructed, and the types of the diagrams are distinguished by using the prop: type, so that the purpose of multiplexing the components is achieved. In effect, Ehcards' api is used within this component to map and respond to events. To click on the table below to update the graph, this means that the prop data needs to be updated.
And how to click on a part of the graph to highlight the corresponding row of the table below. In the component of the graph, a click event is monitored, which is the api of echart in the graph library itself, and the corresponding line clicked can be reached by monitoring the click event. The rows outside the component are then changed, at which time the corresponding rows of the table below can be highlighted. This line is passed in again as prop for the component of the graph, inside which the change of the line is waited. Calling echart's API as soon as a change occurs: DispatchAction, to dismiss the previously highlighted portion of the chart, highlights the current row.
The embodiment has the following beneficial effects: by adapting the echart to use the prop type attribute, the component of a graph is defined, and the code reuse rate is improved. Click events for ehcart instances are listened to within the graph component to achieve table highlighting.
In this embodiment, JSX syntax may be used when packaging components of a graph, as well as template. Alternatively, the change of the rows of the table highlight may use the computed setter method, which is executed when clicked, even if the attributes are reassigned, and then the rows of the table highlight are updated inside the setter method to perform the de-highlighting and re-highlighting of the graph.
The embodiment can monitor the click event of the echart instance in the graph component, and realizes the interaction between the graph and the table. And flexibly uses the api and vue. js characteristics of eharts to create a chart presentation that can interact.
The method for interacting the graph and the table provided by the embodiment of the application adopts the following steps: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to a first operation under the condition that the control monitors that an operation event occurs; the content of the position is updated according to the position of the table, so that the problem that the interaction mode of the graph and the table in the related technology is incomplete in function is solved. And then all dependencies of the specified software packages according to the package downloader are achieved, the rapid packaging function of the software package packager is achieved, and the software packages depended by the application system can be rapidly installed in place by combining the software package manager, and the subsequent operation is not influenced.
It should be noted that the steps illustrated in the flowcharts of the figures 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 flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
The embodiment of the present application further provides an interaction apparatus for a graph and a table, and it should be noted that the interaction apparatus for a graph and a table in the embodiment of the present application may be used to execute the interaction method for a graph and a table provided in the embodiment of the present application. The following describes interaction devices of diagrams and tables provided by embodiments of the present application.
FIG. 2 is a schematic diagram of an interaction device of a graph and a table according to an embodiment of the application. As shown in fig. 2, the apparatus includes: a setup module 22, a detection module 24, an acquisition module 26 and an update module 28, which are described in detail below.
The establishing module 22 is used for establishing a control for associating the chart with the table; a detection module 24, connected to the establishing module 22, configured to monitor, through a control, an operation event corresponding to a first operation performed on content in the graph; an obtaining module 26, connected to the detecting module 24, configured to obtain a position of a table corresponding to a first operation when the control monitors that an operation event occurs; a first updating module 28, connected to the obtaining module 26, is used for updating the content of the location according to the location of the table.
Optionally, in the interaction apparatus for graphs and tables provided in the embodiment of the present application, the apparatus further includes: and the second updating module is used for responding to a second operation on the position in the table, and updating the content corresponding to the position in the graph through the control.
Optionally, in the interaction apparatus for graphs and tables provided in the embodiment of the present application, the second updating module includes: the updating unit is used for responding to the second operation and updating the data of the guide file of the control; and the display unit is used for highlighting the content corresponding to the position in the table in the display according to the data.
Optionally, in the interaction apparatus for graphs and tables provided in the embodiment of the present application, the obtaining module 26 includes: and the acquisition unit is used for acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
Optionally, in the interaction apparatus for graphs and tables provided in the embodiment of the present application, the update module 28 includes: a highlighting unit for highlighting a position in the table.
Optionally, in the interaction apparatus for graphs and tables provided in the embodiment of the present application, the update module 28 further includes: the detection unit is used for monitoring whether the contents of other positions in the table are changed; and the updating unit is used for canceling the highlighting of the position and highlighting the position with the changed content when the content of other positions is changed.
Optionally, in the interaction apparatus for graphs and tables provided in this embodiment of the present application, the establishing module 22 includes: a packaging unit for packaging the table into components; and the adding unit is used for adding the category attribute to the guide file of the component.
In the interactive device for graphs and tables provided by the embodiment of the application, the establishing module 22 establishes a control for associating graphs and tables; the detection module 24 monitors whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; the obtaining module 26 obtains a position of a table corresponding to the first operation when the control monitors that the operation event occurs; the updating module 28 updates the content of the location according to the location of the table, thereby solving the problem of incomplete functions of the interaction mode of the graph and the table in the related art. And then all dependencies of the specified software packages according to the package downloader are achieved, the rapid packaging function of the software package packager is achieved, and the software packages depended by the application system can be rapidly installed in place by combining the software package manager, and the subsequent operation is not influenced.
The interaction device of the graph and the table comprises a processor and a memory, wherein the establishing module 22, the detecting module 24, the obtaining module 26, the updating module 28 and the like are all stored in the memory as program units, and the processor executes the program units stored in the memory to realize 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, all dependencies of the software package are specified according to the package downloader by adjusting kernel parameters, the software package packer can rapidly pack functions, and the software package which the application system depends on can be rapidly installed in place by combining the software package manager without influencing the effect of subsequent operation.
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.
An embodiment of the present invention provides a storage medium on which a program is stored, the program implementing the method of interacting the graph and the table when executed by a processor.
The embodiment of the invention provides a processor, which is used for running a program, wherein the program executes the interaction method of the graph and the table during running.
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: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to a first operation under the condition that the control monitors that an operation event occurs; the contents of the location are updated according to the location of the table.
Optionally, after the creating a control for associating the graph with the table, the method includes: and in response to the second operation on the position in the table, updating the content corresponding to the position in the graph through the control.
Optionally, in response to the second operation on the position in the table, updating, by the control, the content in the graph corresponding to the position includes: updating data of a guide file of the control in response to the second operation; based on the data, the content in the graph corresponding to the position in the table is highlighted.
Optionally, when the control monitors that the operation event occurs, acquiring the position of the table corresponding to the first operation includes: and acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
Optionally, updating the content of the location according to the location of the table includes: the position in the table is highlighted.
Optionally, highlighting the position in the table further includes: monitoring whether the contents of other positions in the table are changed; when the content at another position is changed, the highlight at the position is canceled and the position at which the content is changed is highlighted.
Optionally, the creating a control for associating the graph with the table includes: packaging the table into a component; category attributes are added to the wizard file for the component.
The device herein may be a server, a PC, a PAD, a mobile phone, etc.
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: establishing a control for associating a diagram with a table; monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control; acquiring the position of a table corresponding to a first operation under the condition that the control monitors that an operation event occurs; the contents of the location are updated according to the location of the table.
Optionally, after the creating a control for associating the graph with the table, the method includes: and in response to the second operation on the position in the table, updating the content corresponding to the position in the graph through the control.
Optionally, in response to the second operation on the position in the table, updating, by the control, the content in the graph corresponding to the position includes: updating data of a guide file of the control in response to the second operation; based on the data, the content in the graph corresponding to the position in the table is highlighted.
Optionally, when the control monitors that the operation event occurs, acquiring the position of the table corresponding to the first operation includes: and acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
Optionally, updating the content of the location according to the location of the table includes: the position in the table is highlighted.
Optionally, highlighting the position in the table further includes: monitoring whether the contents of other positions in the table are changed; when the content at another position is changed, the highlight at the position is canceled and the position at which the content is changed is highlighted.
Optionally, the creating a control for associating the graph with the table includes: packaging the table into a component; category attributes are added to the wizard file for the component.
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 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.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). 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 herein, a 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 (CD-ROM, optical storage, etc.) having computer-usable program code embodied in the medium.
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 method for graph-table interaction, comprising:
establishing a control for associating a diagram with a table;
monitoring whether an operation event corresponding to a first operation executed on the content in the graph occurs through the control;
acquiring the position of a table corresponding to the first operation when the control monitors that the operation event occurs;
and updating the content of the position according to the position of the table.
2. The method of claim 1, wherein establishing the control for associating the graph with the table comprises:
and responding to a second operation on the position in the table, and updating the content corresponding to the position in the graph through a control.
3. The method of claim 2, wherein in response to a second operation on a location in a table, updating, by the control, content in the graph corresponding to the location comprises:
updating data of a wizard file of the control in response to the second operation;
and highlighting the content in the graph corresponding to the position in the table according to the data.
4. The method of claim 1, wherein, in a case that the control monitors that the operation event occurs, acquiring a position of a table corresponding to the first operation comprises:
and acquiring the corresponding position in the table by adopting an Application Programming Interface (API) according to the operation event.
5. The method of claim 4, wherein updating the contents of the location according to the location of the table comprises:
highlighting the location in the table.
6. The method of claim 5, further comprising, after highlighting the location in the table:
monitoring whether the contents of other positions in the table are changed;
and when the content of other positions changes, canceling the highlighting of the positions and highlighting the positions with changed content.
7. The method of claim 1, wherein establishing a control for associating a graph with a table comprises:
packaging the table as a component;
adding a category attribute to a wizard file for the component.
8. An apparatus for interacting a graph with a table, comprising:
the establishing module is used for establishing a control for associating the chart and the table;
the detection module is used for monitoring an operation event corresponding to a first operation executed on the content in the graph through the control;
the obtaining module is used for obtaining the position of the table corresponding to the first operation when the control monitors that the operation event occurs;
and the first updating module is used for updating the content of the position according to the position of the table.
9. A storage medium, characterized in that the storage medium comprises a stored program, wherein the program performs the method of any one of claims 1 to 7.
10. A processor, characterized in that the processor is configured to run a program, wherein the program when running performs the method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811290199.0A CN111124557A (en) | 2018-10-31 | 2018-10-31 | Interaction method and device for graph and table |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811290199.0A CN111124557A (en) | 2018-10-31 | 2018-10-31 | Interaction method and device for graph and table |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111124557A true CN111124557A (en) | 2020-05-08 |
Family
ID=70494343
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811290199.0A Pending CN111124557A (en) | 2018-10-31 | 2018-10-31 | Interaction method and device for graph and table |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111124557A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080195930A1 (en) * | 2007-02-08 | 2008-08-14 | Microsoft Corporation | User Interface Pane for an Interactive Chart |
| CN107704239A (en) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | Configuration generating method, device and electronic equipment |
| CN107958029A (en) * | 2017-11-17 | 2018-04-24 | 网易乐得科技有限公司 | Link methods of exhibiting, medium, device and computing device |
-
2018
- 2018-10-31 CN CN201811290199.0A patent/CN111124557A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080195930A1 (en) * | 2007-02-08 | 2008-08-14 | Microsoft Corporation | User Interface Pane for an Interactive Chart |
| CN107704239A (en) * | 2017-10-09 | 2018-02-16 | 武汉斗鱼网络科技有限公司 | Configuration generating method, device and electronic equipment |
| CN107958029A (en) * | 2017-11-17 | 2018-04-24 | 网易乐得科技有限公司 | Link methods of exhibiting, medium, device and computing device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108924029B (en) | Method and device for sending customer service data | |
| CN112559934A (en) | Page popup display method and device | |
| CN106599045B (en) | Request sending method and device | |
| CN106610845B (en) | Information management method, device, server and system | |
| CN109522189B (en) | Data monitoring method, device and system | |
| CN112395098A (en) | Application program interface calling method and device, storage medium and electronic equipment | |
| CN112256377A (en) | Popup window data processing method and device | |
| CN110837446A (en) | Equipment management method and device applied to embedded system, medium and embedded equipment | |
| CN110825365B (en) | Method, device, equipment and medium for customizing webview characteristics | |
| CN116432185B (en) | Abnormality detection method and device, readable storage medium and electronic equipment | |
| CN106610830B (en) | Page element drag-and-drop method and device | |
| CN108804088B (en) | Protocol processing method and device | |
| CN111124557A (en) | Interaction method and device for graph and table | |
| CN111078435A (en) | Service processing method and device and electronic equipment | |
| CN113485746B (en) | Method and device for generating application program interface document | |
| CN112346761B (en) | Front-end resource online method, device, system and storage medium | |
| CN114791884A (en) | Test environment construction method and device, storage medium and electronic equipment | |
| CN106610833B (en) | Method and device for triggering overlapped HTML element mouse event | |
| CN111124399B (en) | Processing method and device of popup assembly, storage medium and processor | |
| CN109146870B (en) | Data interaction method and device between modules | |
| CN113986739A (en) | Monitoring method and device for website memory leakage, storage medium and processor | |
| CN112580301A (en) | Form verification method, device, equipment and storage medium | |
| CN112579068A (en) | Code generation method, device, storage medium and equipment | |
| CN110874523B (en) | Internal and external interaction method and device for rich text editor, processor and storage medium | |
| CN112925527B (en) | Calling method, calling device, storage medium and electronic equipment |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200508 |