CN112748917A - Chart display method and device - Google Patents
Chart display method and device Download PDFInfo
- Publication number
- CN112748917A CN112748917A CN201911039307.1A CN201911039307A CN112748917A CN 112748917 A CN112748917 A CN 112748917A CN 201911039307 A CN201911039307 A CN 201911039307A CN 112748917 A CN112748917 A CN 112748917A
- Authority
- CN
- China
- Prior art keywords
- graph
- chart
- series
- type
- configuration parameters
- 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 50
- 230000006870 function Effects 0.000 claims abstract description 40
- 238000010586 diagram Methods 0.000 claims description 17
- 230000004048 modification Effects 0.000 claims description 7
- 238000012986 modification Methods 0.000 claims description 7
- 238000003491 array Methods 0.000 claims description 5
- 230000009191 jumping Effects 0.000 claims description 5
- 238000004891 communication Methods 0.000 claims description 3
- 238000004590 computer program Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013079 data visualisation 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
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Abstract
The invention discloses a chart display method and device. Wherein, the method comprises the following steps: receiving interface configuration parameters corresponding to interface operation of the displayed chart; determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart; and executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the type of adjustment mode. The invention solves the technical problems that in the related art, the echarts chart can only be rendered according to the codes to realize related functions, and cannot be rendered to realize the related functions under the condition that a user does not understand the codes, so that the user experience is poor, and the application range of the echarts chart is small.
Description
Technical Field
The invention relates to the field of data processing, in particular to a chart display method and device.
Background
An Echarts chart is a very common chart application, in the related technology, a bottom layer is based on Echarts, when chart editing is carried out in Echarts, a code writing mode is needed, codes are firstly modified, and then the codes are led into the Echarts, so that the display interface of the Echarts chart can be edited. Under the condition that a user can only receive an Echarts front-end display interface, different configurations cannot be carried out on the graphics displayed by the menu, such as the graphic type of the pictogram, whether the graphics are repeated, the graphic size, the graphic position, whether the graphics are cut and the like, and the pictogram is correctly rendered according to the configuration of the user. The user cannot configure the graphics according to the intention of the user, and the use experience is poor. And also to the extent that the configuration of the Echarts chart can only be code savoring people.
In view of the above problems, no effective solution has been proposed.
Disclosure of Invention
The embodiment of the invention provides a graph display method and device, which are used for at least solving the technical problems that in the related art, an echarts graph can only be rendered according to codes to realize related functions, and cannot be rendered to realize the related functions under the condition that a user does not know the codes, so that the user experience is poor, and the use range of the echarts graph is small.
According to an aspect of an embodiment of the present invention, there is provided a chart display method including: receiving interface configuration parameters corresponding to interface operation of the displayed chart; determining a type of adjustment mode which needs to be realized by the graph and a recessive configuration parameter of the type of adjustment mode according to an interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which is not operable by a user of the graph; and executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the type of adjustment mode.
Optionally, the one type of adjustment manner includes: and in the case that the first type of adjustment mode is the graph clipping on the target graph in the graph, the interface configuration parameters include: a basis value for identifying a graph series corresponding to a background graph for performing graph cutting on the target graph; receiving interface configuration parameters corresponding to the interface operation of the displayed chart comprises: and after the function of pattern cutting is started to be executed, responding to the operation of selecting a background pattern, and generating the basis value according to the pattern identifier of the selected background pattern, wherein the basis value corresponds to the pattern identifier one by one.
Optionally, the implicit configuration parameter of the graph cropping function is a level value, and determining the implicit configuration parameter according to the interface configuration parameter includes: determining a background graph of the target graph according to the basis value; and determining a hierarchy value for identifying the display hierarchy of the target graph and the background graph according to the target graph and the background graph.
Optionally, determining, according to the target graphic and the background graphic, a level value for identifying a display level of the target graphic and the background graphic includes: traversing the graph series corresponding to the graph series arrays in the target graph, the background graph and the graph respectively, and configuring a hierarchy value corresponding to the traversed graph series, wherein the graph series array comprises a plurality of graph series; under the condition that the current graph series has the graph identification, determining that the graph series is the graph series of the background graph, and jumping to the next graph series for traversal; after traversing, determining the level value of the target graph; and determining the level value of the background graph according to the level value of the target graph, wherein the level value of the background graph is smaller than the level value of the target graph.
Optionally, the method further includes: determining a second type of adjustment mode to be realized according to the interface configuration parameters; executing the two types of adjustment modes according to the interface configuration parameters; displaying the chart after the two types of adjustment modes are executed; wherein the two types of adjustment modes include at least one of the following: graph copying, graph deformation, legend modification and label editing.
Optionally, the executing the two types of adjustment manners according to the interface configuration parameters includes: determining attribute parameters of a target graph of the diagram according to the interface configuration parameters; and inputting the attribute parameters into the graph series of the target graph through a reference function, and updating the graph series to implement the two types of adjustment modes.
Optionally, displaying the chart after executing the two types of adjustment manners includes: determining the chart after the second type of adjustment mode is executed according to the updated graph series; and displaying the chart after the two types of adjustment modes are executed.
According to another aspect of the embodiments of the present invention, there is also provided a chart display apparatus including: the receiving module is used for receiving interface configuration parameters corresponding to interface operation of the displayed chart; the determining module is used for determining a type of adjusting mode which needs to be realized by the chart and implicit configuration parameters of the type of adjusting mode according to the interface configuration parameters; and the display module is used for executing the first type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters and displaying the chart after executing the first type of adjustment mode.
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 any one of the above methods.
According to another aspect of the embodiments of the present invention, there is also provided an electronic device, including at least one processor, and at least one memory and a bus connected to the processor; 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 graphical display method as described in any one of the above.
In the embodiment of the invention, interface configuration parameters corresponding to interface operation of a displayed chart are received; determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart; the method comprises the steps of executing a first type of adjustment mode according to interface configuration parameters and implicit configuration parameters, displaying a mode of a chart after the first type of adjustment mode is executed, enabling a user to operate a displayed chart interface, executing a corresponding adjustment mode according to the operation, and dividing the diagram into a first type of adjustment mode and a second type of adjustment mode according to different implementation modes, so that the purpose of configuring the chart from the front end of the displayed chart is achieved, the technical effects of improving user experience and expanding the application range of the chart are achieved, and the technical problems that in the related art, an echarts chart can only be rendered according to codes to achieve related functions, rendering cannot be performed to achieve the related functions under the condition that the user does not know the codes, the user experience is poor, and the using range of the echarts chart is small are solved.
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 graphical display method according to an embodiment of the invention;
fig. 2 is a schematic diagram of a graph display apparatus 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 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:
pictographic histogram-a histogram can be set with various pictographic elements (e.g., pictures, SVG PathData, etc.).
EChats is an open source visualization library realized by JavaScript, can smoothly run on a PC and a mobile device, is compatible with most current browsers (IE8/9/10/11, Chrome, Firefox, Safari and the like), has a bottom layer depending on a lightweight vector graphics library ZRender, and provides a visual and interactive data visualization chart which is highly personalized and customized.
It is configurable that the user can configure the pictographic histogram at his or her discretion.
Pattern cutting: two series, one is a complete graph, which is used as background to express the total value, and the other is a graph which is cut by using the symbolClip of Echarts, which expresses the current value.
In accordance with an embodiment of the present invention, there is provided a method embodiment of a diagramming method, it being noted that the steps illustrated in the flowchart of the accompanying drawings 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 presented herein.
Fig. 1 is a flowchart of a graph display method according to an embodiment of the present invention, as shown in fig. 1, the method including the steps of:
step S102, receiving interface configuration parameters corresponding to interface operation of a displayed chart;
step S104, determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart;
and step S106, executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the type of adjustment mode.
Through the steps, receiving interface configuration parameters corresponding to interface operation of the displayed chart; determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart; the method comprises the steps of executing a first type of adjustment mode according to interface configuration parameters and implicit configuration parameters, displaying a mode of a chart after the first type of adjustment mode is executed, enabling a user to operate a displayed chart interface, executing a corresponding adjustment mode according to the operation, and dividing the diagram into a first type of adjustment mode and a second type of adjustment mode according to different implementation modes, so that the purpose of configuring the chart from the front end of the displayed chart is achieved, the technical effects of improving user experience and expanding the application range of the chart are achieved, and the technical problems that in the related art, an echarts chart can only be rendered according to codes to achieve related functions, rendering cannot be performed to achieve the related functions under the condition that the user does not know the codes, the user experience is poor, and the using range of the echarts chart is small are solved.
The graph can be an Echarts graph, and the graph can be rendered according to the codes to generate and display a corresponding graph. The user may directly operate on the rendered chart at the front end, for example, to elongate the generated graph in the bar chart, to indicate that the data of the data item corresponding to the graph is added, and display the graph after the data is added. The graphics may also be manipulated to copy, paste, cut, mirror, crop, and the like.
When the graph is operated, the operation on the graph can be realized by clicking the screen and touching and sliding the screen, the corresponding function button can be displayed when the graph is displayed, a user can click the function button, then the operation is performed according to the operation form corresponding to the function so as to realize the function, for example, mirroring is realized, after the mirroring button is clicked, a mirroring function is started, the graph needing mirroring needs to be clicked first, then the mode of mirroring needs to be determined, upper and lower mirroring, left and right mirroring or a customized mirror axis can be determined, and then the graph after mirroring can be determined.
The receiving of the interface configuration parameters corresponding to the interface operation on the displayed graph may be receiving operation data corresponding to an operation performed on the displayed graph by a user on the front-end display interface, and the operation data may be received by the front-end display device and sent to the graph, and processed by the graph to perform a function and a graphic change corresponding to the operation.
When determining the adjustment mode that the chart needs to implement according to the interface configuration parameters, the method may specifically include: receiving the interface configuration parameter, calling a corresponding adjustment mode code according to the interface configuration parameter, where the adjustment mode code is pre-arranged and packaged in a database, and when the adjustment mode code is used, only the corresponding code needs to be called, and a specific parameter of an executed code is obtained, and the code may determine a graph after the interface operation is executed according to the specific parameter, for example, when the graph is elongated, the specific parameter may be an amount of data increase corresponding to the elongation operation, or an amount of data after the data increase. The functions that can be realized only according to the interface configuration parameters are two types of adjustment modes, such as the stretching reminding, copying, pasting, cutting and the like. According to the operation, the purpose of configuring the two types of adjusting modes of the chart from the front end of the displayed chart is achieved, so that the technical effects of improving the user experience and expanding the application range of the chart are achieved.
In one case, the adjustment mode cannot be directly implemented according to the interface configuration parameters, for example, graph clipping requires that a user cannot directly edit a layer displaying a background graph and a target graph, the concept of the layer is invisible to the user, the user can only directly observe a final display image after stacking a plurality of layers, which image is located in which layer cannot be determined, and when the graph is clipped, the display layer of the background graph must be located below the display layer where the target graph is located, so that the correct display graph during the graph clipping can be ensured. However, since the parameter is invisible to the user, the parameter is called an implicit configuration parameter, and specifically, the implicit configuration parameter is an underlying configuration parameter that is not operable by the user of the diagram. In this embodiment, the implicit configuration parameters may be determined according to interface configuration parameters. After the invisible configuration parameters are determined, the codes of the functions corresponding to the interface configuration parameters and the invisible configuration parameters are called according to the interface configuration parameters and the invisible configuration parameters, the codes are similar to the code processing mode of the second type of adjustment mode, the codes are preset in a database and are called when in use, and the corresponding adjustment modes are determined to be realized and executed according to the codes, the specific parameters in the interface configuration parameters and the invisible configuration parameters. The functions which can be realized only according to the interface configuration parameters and the invisible configuration parameters are a type of adjustment mode. According to the operation, the purpose of configuring the adjustment modes of the graph from the front end of the displayed graph is achieved, so that the technical effects of improving the user experience and expanding the application range of the graph are achieved.
Specifically, one type of adjustment includes: and (3) graph cutting, wherein under the condition that one type of adjustment mode is to perform graph cutting on a target graph in a graph, the interface configuration parameters comprise: a basis value for identifying a graph series corresponding to a background graph for performing graph cutting on the target graph; receiving interface configuration parameters corresponding to interface operations on the displayed chart comprises: and after the function of graph cutting is started to be executed, responding to the operation of selecting the background graph, and generating a basis value according to the graph identifier of the selected background graph, wherein the basis value is in one-to-one correspondence with the graph identifier.
The graph series is a data series corresponding to a graph generated in the graph, and may specifically include position data, data items, data amount, graph size, and the like of the graph. The graphic mark of the background graphic can mark the graphic as the background graphic, a basis value can be correspondingly determined according to the graphic mark, and a background series can be determined according to the basis value. The basis value is used for identifying the series corresponding to the background graph, and the series corresponding to the basis value is determined to be the background series. The above-mentioned reference value may be the symbolBoundingDataKey value of the data series in the Echarts chart.
Optionally, the implicit configuration parameter of the graph cropping function is a level value, and determining the implicit configuration parameter according to the interface configuration parameter includes: determining a background graph of the target graph according to the basis value; and determining a hierarchy value for identifying the display hierarchy of the target graph and the background graph according to the target graph and the background graph.
After the invisible configuration parameters are determined, the image can be rendered. In determining the invisible configuration parameters, different invisible parameters may have different determination manners, and in this embodiment, the invisible configuration parameters are taken as the level values of the display layers for example, which is described. Other adjustments that require a level value to be implemented may be made in the same manner as in this embodiment.
Optionally, determining, according to the target graphic and the background graphic, a level value for identifying a display level of the target graphic and the background graphic includes: traversing the graph series corresponding to the graph series arrays in the target graph, the background graph and the graph respectively, and configuring a hierarchy value for the traversed graph series correspondingly, wherein the graph series array comprises a plurality of graph series; under the condition that the current graph series has graph identification, determining the graph series as the graph series of the background graph, and jumping to the next graph series for traversing; after traversing, determining the level value of the target graph; and determining the level value of the background graph according to the level value of the target graph, wherein the level value of the background graph is smaller than the level value of the target graph.
The above-mentioned graphic identifier is used to identify the graphic series as a background graphic series, which may be an isBg attribute in an Echarts chart, and the isBg attribute may identify the series as a background series, and the graphic corresponding to the series is a background graphic. The graph series can be determined according to the basis value, the series with the basis value is a target series, namely a series corresponding to a target graph, and if the Echarts graph contains a symbol bounding datakey value, the graph is the target graph. The level value may be a Z value in the Echarts chart, the Z value is used to identify the level of the layer where the graph is located, and the code may determine the level of the layer where the graph is located according to the Z value.
In the process of implementing the two types of adjustment manners, optionally, the method further includes: determining a second type of adjustment mode to be realized according to the interface configuration parameters; executing two types of adjustment modes according to the interface configuration parameters; displaying the chart after executing the second type of adjustment modes; wherein, the two types of adjustment modes comprise at least one of the following modes: graph copying, graph deformation, legend modification and label editing.
The second type of adjustment mode is an adjustment mode that can be implemented without determining a hidden configuration parameter, and a specific flow may be that an operation parameter corresponding to an interface operation of a user on a real diagram is received, the operation parameter may further determine an interface configuration parameter, a second type of adjustment mode that needs to be implemented is determined according to the interface configuration parameter, and then the second type of adjustment mode that is executed according to the interface configuration parameter may be that a program package corresponding to the second type of adjustment mode is called through the interface configuration parameter to execute the second type of adjustment mode.
Optionally, the executing two types of adjustment modes according to the interface configuration parameters includes: determining attribute parameters of a target graph of the diagram according to the interface configuration parameters; and inputting the attribute parameters into the graph series of the target graph through the reference function, and updating the graph series to realize a second type of adjustment mode.
Optionally, displaying the chart after executing the two types of adjustment modes includes: determining a chart after executing a second type of adjustment mode according to the updated graph series; and displaying the chart after the two types of adjustment modes are executed.
It should be noted that, after the first-class adjustment mode is executed, the corresponding graph also needs to be updated, and then the updated display graph replaces the original graph, so as to display the graph after the first-class adjustment mode is executed.
In addition, this embodiment also provides an alternative embodiment, which is described in detail below.
In this embodiment, when the user uses the pictographic histogram, the user-defined configuration can be realized, and particularly, when the cropping function is set, the pictographic histogram can be correctly displayed according to whether the user sets the cropping, and how to handle the linkage between the series and the hierarchical relationship of the annotations.
In Echarts, taking the implementation of the graphics clipping function as an example, the specific steps are as follows:
for example, the pictographic column has 2 series A and B, 1. if the series A configures the repeated pattern as no, and the pattern is cut as yes, the user cannot define the size of the pattern, which is a linkage, and each series configuration needs to be transmitted into an index, then the hidden attribute of the pattern component of the index is set as false, and the index is transmitted as a parameter, so that the attribute setting can be rapidly judged, and the linkage problem is conveniently processed.
For example, the series a sets the clipping function, and the value is series B, where a has an attribute symbolBoundingDataKey value as B, and the series B has an attribute isBg to identify that it is a background series, and at this time, B is a background series, and since B is a background series, it is necessary to render the pictographic histogram by a correct algorithm, which is as follows: and traversing the series array, if the isBg is true, skipping, namely containing the attribute of the isBg, determining that the series is the background series, and directly skipping the background series without counting the Z value. The fact that the value of symbolboungdatakey is contained means that the series is real, the Z value of the real series is +2, then the background series is found, and the background series is 1 smaller than the Z value of the real series, so that the Echarts can be correctly rendered in the case of multiple series.
In order to ensure that the annotation line function of echarts is available, it is necessary to ensure that the series of Z values for the annotation line is a maximum, so that the initial value of Z for the pictogram is assigned a small negative value.
In this embodiment, the configuration options can be dynamically updated according to the configuration of the user. Even if the clipping is set for a plurality of series, the correct Z value can be conveniently calculated according to the algorithm in the scheme, and then Echarts renders a correct pictographic histogram. Normal display of the comment lines of echarts is guaranteed.
Fig. 2 is a schematic view of a graph display apparatus according to an embodiment of the present invention, and as shown in fig. 2, according to another aspect of the embodiment of the present invention, there is also provided a graph display apparatus including: a receiving module 22, a determining module 24 and a display module 26, which will be described in detail below.
A receiving module 22, configured to receive interface configuration parameters corresponding to interface operations on a displayed graph; a determining module 24, connected to the receiving module 22, configured to determine, according to the interface configuration parameter, a type of adjustment mode that the graph needs to implement, and an implicit configuration parameter of the type of adjustment mode, where the implicit configuration parameter is a bottom-layer configuration parameter that is not operable by a user of the graph; and the display module 26 is connected with the determining module 24 and is used for executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters and displaying the chart after executing the type of adjustment mode.
Through the steps, the receiving module 22 is adopted to receive the interface configuration parameters corresponding to the interface operation of the displayed chart; the determining module 24 determines a type of adjustment mode that the chart needs to implement and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter that a user of the chart cannot operate; the display module 26 executes a first type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, displays the mode of the chart after executing the first type of adjustment mode, achieves the purpose of configuring the chart from the front end of the displayed chart by operating the displayed chart interface and executing a corresponding adjustment mode according to the operation, and is divided into a first type of adjustment mode and a second type of adjustment mode according to different implementation modes, so that the technical effects of improving user experience and expanding the application range of the chart are achieved, and the technical problems that in the related art, the echarts chart can only be rendered according to codes to achieve related functions, rendering cannot be performed to achieve the related functions under the condition that a user does not understand the codes, so that the user experience is poor, and the use range of the echarts chart is small are solved.
The data processing device comprises a processor and a memory, wherein the receiving module 22, the determining module 24 and the display module 26 are stored in the memory as program module units, and the processor executes the program module 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, 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.
According to another aspect of the embodiments of the present invention, there is also provided a storage medium including a stored program, wherein when the program runs, a device in which the storage medium is located is controlled to execute the method of any one of the above.
According to another aspect of the embodiments of the present invention, there is also provided a processor, configured to execute a program, where the program executes to perform the method of any one of the above.
According to another aspect of the embodiments of the present invention, there is also provided an electronic device, including at least one processor, and at least one memory and a bus connected to the processor; 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 graphical display method as described in any one of the above.
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: receiving interface configuration parameters corresponding to interface operation of the displayed chart; determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart; and executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the type of adjustment mode.
Optionally, one type of adjustment method includes: and (3) graph cutting, wherein under the condition that one type of adjustment mode is to perform graph cutting on a target graph in a graph, the interface configuration parameters comprise: a basis value for identifying a graph series corresponding to a background graph for performing graph cutting on the target graph; receiving interface configuration parameters corresponding to interface operations on the displayed chart comprises: and after the function of graph cutting is started to be executed, responding to the operation of selecting the background graph, and generating a basis value according to the graph identifier of the selected background graph, wherein the basis value is in one-to-one correspondence with the graph identifier.
Optionally, the implicit configuration parameter of the graph clipping function is a level value, and determining the implicit configuration parameter according to the interface configuration parameter includes: determining a background graph of the target graph according to the basis value; and determining a hierarchy value for identifying the display hierarchy of the target graph and the background graph according to the target graph and the background graph.
Optionally, determining, according to the target graphic and the background graphic, a level value for identifying a display level of the target graphic and the background graphic includes: traversing the graph series corresponding to the graph series arrays in the target graph, the background graph and the graph respectively, and configuring a hierarchy value for the traversed graph series correspondingly, wherein the graph series array comprises a plurality of graph series; under the condition that the current graph series has graph identification, determining the graph series as the graph series of the background graph, and jumping to the next graph series for traversing; after traversing, determining the level value of the target graph; and determining the level value of the background graph according to the level value of the target graph, wherein the level value of the background graph is smaller than the level value of the target graph.
Optionally, the method further includes: determining a second type of adjustment mode to be realized according to the interface configuration parameters; executing two types of adjustment modes according to the interface configuration parameters; displaying the chart after executing the second type of adjustment modes; wherein, the two types of adjustment modes comprise at least one of the following modes: graph copying, graph deformation, legend modification and label editing.
Optionally, the executing two types of adjustment modes according to the interface configuration parameters includes: determining attribute parameters of a target graph of the diagram according to the interface configuration parameters; and inputting the attribute parameters into the graph series of the target graph through the reference function, and updating the graph series to realize a second type of adjustment mode.
Optionally, displaying the chart after executing the two types of adjustment modes includes: determining a chart after executing a second type of adjustment mode according to the updated graph series; and displaying the chart after the two types of adjustment modes are executed.
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: receiving interface configuration parameters corresponding to interface operation of the displayed chart; determining a type of adjustment mode which needs to be realized by the chart and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which can not be operated by a user of the chart; and executing a type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the type of adjustment mode.
Optionally, one type of adjustment method includes: and (3) graph cutting, wherein under the condition that one type of adjustment mode is to perform graph cutting on a target graph in a graph, the interface configuration parameters comprise: a basis value for identifying a graph series corresponding to a background graph for performing graph cutting on the target graph; receiving interface configuration parameters corresponding to interface operations on the displayed chart comprises: and after the function of graph cutting is started to be executed, responding to the operation of selecting the background graph, and generating a basis value according to the graph identifier of the selected background graph, wherein the basis value is in one-to-one correspondence with the graph identifier.
Optionally, the implicit configuration parameter of the graph clipping function is a level value, and determining the implicit configuration parameter according to the interface configuration parameter includes: determining a background graph of the target graph according to the basis value; and determining a hierarchy value for identifying the display hierarchy of the target graph and the background graph according to the target graph and the background graph.
Optionally, determining, according to the target graphic and the background graphic, a level value for identifying a display level of the target graphic and the background graphic includes: traversing the graph series corresponding to the graph series arrays in the target graph, the background graph and the graph respectively, and configuring a hierarchy value for the traversed graph series correspondingly, wherein the graph series array comprises a plurality of graph series; under the condition that the current graph series has graph identification, determining the graph series as the graph series of the background graph, and jumping to the next graph series for traversing; after traversing, determining the level value of the target graph; and determining the level value of the background graph according to the level value of the target graph, wherein the level value of the background graph is smaller than the level value of the target graph.
Optionally, the method further includes: determining a second type of adjustment mode to be realized according to the interface configuration parameters; executing two types of adjustment modes according to the interface configuration parameters; displaying the chart after executing the second type of adjustment modes; wherein, the two types of adjustment modes comprise at least one of the following modes: graph copying, graph deformation, legend modification and label editing.
Optionally, the executing two types of adjustment modes according to the interface configuration parameters includes: determining attribute parameters of a target graph of the diagram according to the interface configuration parameters; and inputting the attribute parameters into the graph series of the target graph through the reference function, and updating the graph series to realize a second type of adjustment mode.
Optionally, displaying the chart after executing the two types of adjustment modes includes: determining a chart after executing a second type of adjustment mode according to the updated graph series; and displaying the chart after the two types of adjustment modes are executed.
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 display method, comprising:
receiving interface configuration parameters corresponding to interface operation of the displayed chart;
determining a type of adjustment mode which needs to be realized by the graph and a recessive configuration parameter of the type of adjustment mode according to the interface configuration parameter, wherein the recessive configuration parameter is a bottom layer configuration parameter which is not operable by a user of the graph;
and executing the first type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters, and displaying the chart after executing the first type of adjustment mode.
2. The method of claim 1,
the one type of adjustment comprises: and in the case that the first type of adjustment mode is the graph clipping on the target graph in the graph, the interface configuration parameters include: a basis value for identifying a graph series corresponding to a background graph for performing graph cutting on the target graph;
receiving interface configuration parameters corresponding to the interface operation of the displayed chart comprises:
and after the function of pattern cutting is started to be executed, responding to the operation of selecting a background pattern, and generating the basis value according to the pattern identifier of the selected background pattern, wherein the basis value corresponds to the pattern identifier one by one.
3. The method of claim 2, wherein the implicit configuration parameter of the graph cropping function is a hierarchy value, and determining the implicit configuration parameter according to the interface configuration parameter comprises:
determining a background graph of the target graph according to the basis value;
and determining a hierarchy value for identifying the display hierarchy of the target graph and the background graph according to the target graph and the background graph.
4. The method of claim 3, wherein determining, from the target graphic and the background graphic, a level value for identifying a display level of the target graphic and the background graphic comprises:
traversing the graph series corresponding to the graph series arrays in the target graph, the background graph and the graph respectively, and configuring a hierarchy value corresponding to the traversed graph series, wherein the graph series array comprises a plurality of graph series;
under the condition that the current graph series has the graph identification, determining that the graph series is the graph series of the background graph, and jumping to the next graph series for traversal;
after traversing, determining the level value of the target graph;
and determining the level value of the background graph according to the level value of the target graph, wherein the level value of the background graph is smaller than the level value of the target graph.
5. The method of claim 1, further comprising:
determining a second type of adjustment mode to be realized according to the interface configuration parameters;
executing the two types of adjustment modes according to the interface configuration parameters;
displaying the chart after the two types of adjustment modes are executed;
wherein the two types of adjustment modes include at least one of the following: graph copying, graph deformation, legend modification and label editing.
6. The method of claim 5, wherein performing the two types of adjustments according to the interface configuration parameters comprises:
determining attribute parameters of a target graph of the diagram according to the interface configuration parameters;
and inputting the attribute parameters into the graph series of the target graph through a reference function, and updating the graph series to implement the two types of adjustment modes.
7. The method of claim 6, wherein displaying the chart after performing the two types of adjustments comprises:
determining the chart after the second type of adjustment mode is executed according to the updated graph series;
and displaying the chart after the two types of adjustment modes are executed.
8. A chart display apparatus, comprising:
the receiving module is used for receiving interface configuration parameters corresponding to interface operation of the displayed chart;
the determining module is used for determining a type of adjusting mode which needs to be realized by the chart and implicit configuration parameters of the type of adjusting mode according to the interface configuration parameters;
and the display module is used for executing the first type of adjustment mode according to the interface configuration parameters and the implicit configuration parameters and displaying the chart after executing the first type of adjustment mode.
9. A storage medium, comprising a stored program, wherein the program, when executed, controls an apparatus in which the storage medium is located to perform the method of any one of claims 1 to 7.
10. An electronic device comprising at least one processor, and at least one memory, bus connected to the processor; 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 graphical display method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911039307.1A CN112748917A (en) | 2019-10-29 | 2019-10-29 | Chart display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911039307.1A CN112748917A (en) | 2019-10-29 | 2019-10-29 | Chart display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112748917A true CN112748917A (en) | 2021-05-04 |
Family
ID=75640164
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911039307.1A Pending CN112748917A (en) | 2019-10-29 | 2019-10-29 | Chart display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112748917A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113505170A (en) * | 2021-06-30 | 2021-10-15 | 永中软件股份有限公司 | Graph display method, computer device, and computer-readable medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070168060A1 (en) * | 2004-05-04 | 2007-07-19 | Fisher-Rosemount Systems, Inc. | Markup language-based, dynamic process graphics in a process plant user interface |
| CN107844297A (en) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | A kind of data visualization realizes system and method |
| CN108228169A (en) * | 2017-12-08 | 2018-06-29 | 平安科技（深圳）有限公司 | Chart production method, apparatus, equipment and medium based on eCharts tools |
| CN110009554A (en) * | 2018-01-05 | 2019-07-12 | 武汉斗鱼网络科技有限公司 | A kind of picture method of cutting out, storage medium, equipment and system |
-
2019
- 2019-10-29 CN CN201911039307.1A patent/CN112748917A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070168060A1 (en) * | 2004-05-04 | 2007-07-19 | Fisher-Rosemount Systems, Inc. | Markup language-based, dynamic process graphics in a process plant user interface |
| CN107844297A (en) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | A kind of data visualization realizes system and method |
| CN108228169A (en) * | 2017-12-08 | 2018-06-29 | 平安科技（深圳）有限公司 | Chart production method, apparatus, equipment and medium based on eCharts tools |
| CN110009554A (en) * | 2018-01-05 | 2019-07-12 | 武汉斗鱼网络科技有限公司 | A kind of picture method of cutting out, storage medium, equipment and system |
Non-Patent Citations (1)
| Title |
|---|
| 依然冷月: "Python 005- 使用Pyecharts来绘制各种各样的图形", pages 1 - 17, Retrieved from the Internet <URL:https://blog.csdn.net/qq_39143076/article/details/79065448> * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113505170A (en) * | 2021-06-30 | 2021-10-15 | 永中软件股份有限公司 | Graph display method, computer device, and computer-readable medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108228169B (en) | Chart making method, device, equipment and medium based on eCharts tool | |
| US20140331179A1 (en) | Automated Presentation of Visualized Data | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| CN110941428A (en) | Website creation method and device | |
| CN106484726B (en) | A kind of page display method and device | |
| CN107729897A (en) | A kind of text maninulation method, apparatus and terminal | |
| CN113655999B (en) | Page control rendering method, device, equipment and storage medium | |
| CN113672149A (en) | View display method and device, electronic equipment and computer storage medium | |
| CN112527172B (en) | Interface display method and device, computer readable storage medium and electronic equipment | |
| CN109857964B (en) | Thermodynamic diagram drawing method and device for page operation, storage medium and processor | |
| CN112748917A (en) | Chart display method and device | |
| CN104951477B (en) | Method and apparatus for crossing filter data | |
| US10685470B2 (en) | Generating and providing composition effect tutorials for creating and editing digital content | |
| CN113010582A (en) | Data processing method and device, computer readable medium and electronic equipment | |
| CN106569816B (en) | Rendering method and device | |
| CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
| CN113781608A (en) | Animation editing method and device | |
| CN112749229A (en) | Data conversion method, device, storage medium and electronic equipment | |
| CN111124393A (en) | Editing method and platform of algorithm logic, electronic equipment and storage medium | |
| CN110209937A (en) | Information-pushing method and device based on user behavior | |
| CN106569785B (en) | Method and device for generating job form | |
| CN114913267A (en) | Brain graph drawing method, device, equipment and storage medium | |
| CN113608739A (en) | Icon replacement method, device and equipment and readable storage medium | |
| CN116881353A (en) | Financial data display method and device, storage medium and electronic equipment | |
| CN117032666A (en) | Page editing method and device based on editor, terminal equipment and storage medium |
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 |