CN111597251A - Method and device for chart display, electronic equipment and storage medium - Google Patents
Method and device for chart display, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111597251A CN111597251A CN202010438745.1A CN202010438745A CN111597251A CN 111597251 A CN111597251 A CN 111597251A CN 202010438745 A CN202010438745 A CN 202010438745A CN 111597251 A CN111597251 A CN 111597251A
- Authority
- CN
- China
- Prior art keywords
- legend
- legends
- display
- drop
- display frame
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000004044 response Effects 0.000 claims abstract description 41
- 238000009877 rendering Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 21
- 238000010586 diagram Methods 0.000 description 35
- 230000006870 function Effects 0.000 description 12
- 239000003086 colorant Substances 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 239000010432 diamond Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/22—Indexing; Data structures therefor; Storage structures
- G06F16/2282—Tablespace storage structures; Management thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a method and a device for chart display, electronic equipment and a computer readable storage medium, wherein the method comprises the following steps: displaying a display frame on a chart interface; in response to a trigger operation for the display frame, presenting a plurality of legends in the form of drop-down lists; and in response to the selection operation aiming at the legend in the drop-down list, showing the selected legend in the display box. The method includes the steps that selection operation specific to legends is provided, a plurality of legends to be selected are displayed in a drop-down list mode, and the legends are displayed in a display frame after the legends are selected; when the chart is displayed, only the selected legend is displayed in the display frame, and the non-selected legend is hidden, so that the legend can be flexibly displayed based on the situation that the legend is selected, and the display effect of the chart is optimized.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying a diagram, an electronic device, and a computer-readable storage medium.
Background
The EChats is an open source visualization library realized by JavaScript, and provides a visual and interactive rich data visualization chart. The ECharts chart provides a legend component (legend) that exposes different series of labels (symbols), colors, and names.
Legend elements are typically located within a predetermined legend area above the chart. The height of the chart contains the height of the legend area, and the number of legend elements is determined by the data. When the number of legend elements is too large, the legend elements may cover the chart, resulting in the chart not being well revealed. If the height of the legend area is preset to be larger, the legend area is left too much in white and the display effect is poor under the condition of few legend components.
Disclosure of Invention
An object of the present invention is to provide a method for displaying a diagram, so as to flexibly display a legend component and optimize a diagram displaying effect.
In one aspect, the present application provides a method for chart display, including:
displaying a display frame on a chart interface;
in response to a trigger operation for the display frame, presenting a plurality of legends in the form of drop-down lists;
and in response to the selection operation aiming at the legend in the drop-down list, showing the selected legend in the display box.
In one embodiment, the plurality of legends are located within at least two predetermined groupings;
the displaying a plurality of legends in a form of a pull list in response to a trigger operation for the display frame comprises:
and in response to a trigger operation for the display frame, displaying the group name of the group and a legend in the group in the form of a drop-down list.
In an embodiment, the method further comprises:
in response to a selection operation for a group name of any one of the groups in the drop-down list, a legend in the group is presented in the display box.
In one embodiment, prior to responding to the selection operation, the method further comprises:
receiving a character string input to the display box;
searching the multiple legends based on the character string, and judging whether matched legends exist or not;
matching legends are shown in the form of a drop down list, if any.
In an embodiment, the method further comprises:
rendering the graph corresponding to the legend according to the first graph configuration information;
and when the legend is displayed in the display frame, displaying a graph corresponding to the legend on a chart interface.
In an embodiment, the method further comprises:
displaying a second display frame on the chart interface;
in response to a trigger operation for the second display frame, presenting a second legend in the form of a drop-down list; the second legend includes legends other than those presented;
in response to a selection operation for the second legend, presenting the selected second legend in the second display box.
In an embodiment, the method further comprises:
rendering the graph corresponding to the second legend according to second graph configuration information;
when the second legend is shown in the display frame, a graphic corresponding to the second legend is shown on a chart interface.
In another aspect, the present application further provides a chart display apparatus, including:
the first display module is used for displaying a display frame on a chart interface;
a second display module, configured to display a plurality of legends in the form of a drop-down list in response to a trigger operation for the display frame;
and the third showing module is used for responding to the selection operation of the legend in the drop-down list and showing the selected legend in the display frame.
Further, the present application also provides an electronic device, including:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the method of chart presentation described above.
In addition, the present application also provides a computer readable storage medium, wherein the storage medium stores a computer program, and the computer program can be executed by a processor to complete the method for chart presentation.
In the technical scheme of the embodiment of the application, selection operation for the legends is provided, a plurality of legends to be selected are displayed in a drop-down list mode, and the legends are displayed in a display frame after the legends are selected; when the chart is displayed, only the selected legend is displayed in the display frame, and the non-selected legend is hidden, so that the legend can be flexibly displayed based on the situation that the legend is selected, and the display effect of the chart is optimized.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required to be used in the embodiments of the present application will be briefly described below.
Fig. 1 is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present application;
FIG. 2 is a schematic flow chart diagram illustrating a method of graph presentation according to an embodiment of the present application;
FIG. 3 is a schematic diagram of a graph showing effects according to an embodiment of the present application;
FIG. 4 is a schematic diagram of another graph showing effects according to an embodiment of the present application;
FIG. 5 is a schematic diagram of another graph showing effects according to an embodiment of the present application;
FIG. 6 is a schematic diagram of another graphical illustration according to an embodiment of the present application;
FIG. 7 is a schematic flow chart diagram illustrating another method for graph presentation according to an exemplary embodiment of the present disclosure;
FIG. 8 is a diagram illustrating the effect of chart display when the legends are grouped according to the embodiment of the present application;
FIG. 9 is a schematic diagram of another illustration grouping showing effects of graph presentation according to an embodiment of the present application;
FIG. 10 is a schematic flow chart diagram illustrating yet another illustrative method in accordance with an embodiment of the present application;
FIG. 11 is a graph showing a comparison of effects of graphs according to an embodiment of the present application;
fig. 12 is a block diagram of a diagram illustrating an apparatus according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application.
Like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present application, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
As shown in fig. 1, the present embodiment provides an electronic apparatus 1 including: at least one processor 11 and a memory 12, one processor 11 being exemplified in fig. 1. The processor 11, the memory 12 and the display carrier 13 are connected by a bus 10, and the memory 12 stores instructions executable by the processor 11, and the instructions are executed by the processor 11, so that the electronic device 1 can execute all or part of the flow of the method in the embodiments described below. In an embodiment, the electronic device 1 may be a host computer that presents charts.
The Memory 12 may be implemented by any type of volatile or non-volatile Memory device or combination thereof, such as Static Random Access Memory (SRAM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Erasable Programmable Read-Only Memory (EPROM), Programmable Read-Only Memory (PROM), Read-Only Memory (ROM), magnetic Memory, flash Memory, magnetic disk or optical disk.
The present application also provides a computer readable storage medium storing a computer program executable by a processor 11 to perform the method of chart presentation provided herein.
Fig. 2 is a schematic flow chart of a method illustrated by a chart provided in an embodiment of the present application, and as shown in fig. 2, the method may include the following steps 210 to 230.
Step 210: and displaying the display frame on a chart interface.
The host computer can realize the scheme of the embodiment of the application through a preset selector component, wherein the selector component comprises a display frame, a drop-down frame and a drop-down frame option.
The host may write the instance configuration information into a configuration file selector.option of the selector assembly, render the selector assembly, with the rendered drop-down box option being a legend. The legend configuration information may include names of series corresponding to legends, icons of legends, and colors of legends, among others. The icons of the legend may be any one of circles, rectangles, rounded rectangles, triangles, diamonds, arrows, and the like.
After rendering the selector component, the host may display a display frame of the selector component on the chart interface while displaying the chart interface, hide the drop-down frame, and store the drop-down frame option rendered into the legend in the drop-down frame.
Step 220: in response to a trigger operation for the display box, a plurality of legends are presented in the form of drop-down lists.
When the host detects a trigger operation for a display frame, a drop-down frame may be presented below the display frame in response to the trigger operation, thereby presenting multiple legends in the form of a drop-down list. Wherein the dimensions of the drop down box may be preconfigured. When the number of the legends is large, the pull-down frame cannot display all the legends at the same time, and part of the legends can be displayed step by step in a page turning or vertical sliding mode.
In one embodiment, the host may provide a search function for the legend. At this time, the display frame of the selector component can serve as a search frame.
The host computer may receive a character string input to the display box and determine whether there is a matching legend based on the plurality of legends looked up by the character string. For example, the host can determine whether there is a matching legend by checking whether the string exists for the name of the series corresponding to each legend.
In one aspect, there is no matching legend, and the host may clear the legend within the drop-down box, indicating that there are no search results.
On the other hand, if there is a matching legend, the host may present the matching legend in a drop-down box, thereby presenting the matching legend in the form of a drop-down list.
The searching function provided by the embodiment is beneficial to improving the interactive experience of chart display under the condition that the number of the legends is large.
Step 230: and in response to the selection operation aiming at the legend in the drop-down list, showing the selected legend in the display box.
When the host detects a selection operation for any legend in the drop-down box, the selected legend may be presented in the display box in response to the selection operation.
When the host computer detects a selection operation for multiple legends, the selected multiple legends can be presented in sequence in the display box.
In one embodiment, the host may render graphics corresponding to the legend according to the first graphics configuration information in the first graphics configuration file. The graphic configuration file may be series data, the graphic configuration information may be series names, series corresponding data, and series graphics, and the graphics may include broken lines, scattered points, sectors in a sector diagram, bars in a bar diagram, K lines in a K line diagram, and the like.
When a legend is presented in a display box, the host computer may present a graphic corresponding to the legend on the chart interface.
In one case, if the number of legends in the selector component is small (e.g., less than 1000), the host can render graphics corresponding to each legend based on the first graphics configuration information prior to responding to the selection operation for the legend.
At this time, since the number of the legends is small, the rendering workload is not large, and after the host renders the graphics corresponding to each legend, the host can quickly display the graphics corresponding to the selected legend when responding to the selection operation for the legend.
In another case, if the number of legends in the selector component is large (e.g., not less than 1000), the host can render graphics corresponding to the selected legends based on the first graphics configuration information in response to a selection operation for the legends.
At this time, because the number of the legends is large, the workload of rendering the graphics corresponding to all the legends is too large. To avoid additional computation, the host renders graphics corresponding to the selected legend only in response to the select operation.
To illustrate the effect of the graph display in the embodiment of the present application, refer to fig. 3 to 6.
Fig. 3 is a schematic diagram illustrating a graph showing effects according to an embodiment of the present application. The selector component initially only shows the display box, within which there is no legend at this point. The host may render multiple legends within the selector component based on the legend configuration information.
Fig. 4 is a schematic diagram illustrating another graph showing effects according to an embodiment of the present application. The host computer, in response to a triggering operation for the display frame, exposes a drop-down box of the selector component, the drop-down box including a plurality of rendered legends. The chart of fig. 4 is used to show sales volumes of a plurality of brands of vehicles in 4 quarters, a plurality of legends in the drop-down boxes corresponding to respective automobile brands, and legends corresponding to "MB", "Audi", "VOLVO", and "BMW" are included in fig. 4.
Fig. 5 is a schematic diagram illustrating another graph showing effect according to the embodiment of the present application. The host computer presents the selected legend within the display box in response to a selection operation directed to the legend in the drop-down box. The legend corresponding to "BMW" in fig. 5 is selected and the host computer presents the legend within the display box.
Fig. 6 is a schematic diagram illustrating another graph showing effect according to an embodiment of the present application. And rendering the graph corresponding to the selected legend and displaying the graph on the chart interface by the host. Fig. 6 is a line graph, and a graph corresponding to the legend is a broken line indicating sales volume. After the drop-down box is retracted, the graphic corresponding to the legend may be presented on the chart interface.
Referring to fig. 7, a flow diagram of another illustrative method is shown for the present application. The flow shown in fig. 7 may be performed if multiple legends are preconfigured to be located within at least two predetermined groupings.
As shown in fig. 7, after the host executes step 210, the host executes step 221: and in response to a trigger operation for the display frame, displaying the group name of the group and a legend in the group in the form of a drop-down list.
The host may perform step 231: in response to a selection operation for a group name of any one of the groups in the drop-down list, a legend in the group is presented in the display box.
By the method shown in fig. 7, grouping processing for the legend can be satisfied, and the interaction experience of chart display is optimized.
When the graph display method shown in fig. 7 is executed, the host may render the graph corresponding to the legend according to the first graph configuration information in the first graph configuration file.
When a legend is presented in a display box, the host computer may present a graphic corresponding to the legend on the chart interface. Since at least one legend exists in the display box including the selected group, the host can respond to the selection operation and display the corresponding graph of all the legends in the group on the chart interface.
Referring to fig. 8, a diagram illustrating an effect of chart display when grouping legends is shown in the embodiment of the present application. The chart of fig. 8 is used to show sales volumes of a plurality of brands of vehicles in 4 quarters, a plurality of legends in the drop-down box respectively corresponding to each brand of vehicle, and the legends being pre-grouped. Fig. 8 includes legends corresponding to "HONDA", "Audi", and "BMW", the legend corresponding to "HONDA" belongs to the group "japanese vehicle", and the legends corresponding to "Audi" and "BMW" belong to the group "german vehicle".
The host exposes the group name of the packet and the legend within the packet in a drop-down box in response to a trigger operation directed to the display box.
Fig. 9 is a schematic diagram illustrating an effect of chart display when the legend is grouped according to the embodiment of the application. Fig. 9 is a diagram showing the effect of the diagram of fig. 8 after the selection operation is performed. As shown in fig. 9, the host computer shows legends "BMW" and "Audi" belonging to the "german vehicle" in the display frame in response to the selection operation for the group name "german vehicle", and shows graphics corresponding to "BMW" and "Audi".
The embodiments of the present application provide a contrast function. Referring to fig. 10, a flow chart of another method illustrated in a diagram according to an embodiment of the present application is shown.
After the host performs steps 210 to 230, the host may perform steps 240 to 260 while performing the contrast function.
Step 240: and displaying the second display frame on the chart interface.
A button for enabling the contrast function may be provided on the graphical interface, and when the host detects a trigger operation for the button, a second display frame of the second selector may be displayed on the graphical interface.
The host computer can write the legend configuration information into the configuration file of the second selector component, and render the second selector component, wherein the rendered drop-down box option is the legend.
After rendering the second selector component, the host may display a second display frame of the second selector component on the graph interface when the contrast function is enabled, hide a second drop-down frame of the second selector, and store a drop-down frame option rendered into a legend in the second drop-down frame.
Step 250: in response to a trigger operation for the second display frame, presenting a second legend in the form of a drop-down list; the second legend includes legends other than those that have been presented.
When the host computer detects a trigger operation for the second display frame, the second drop-down frame may be presented below the second display frame in response to the trigger operation, so as to present a plurality of second legends in the form of a drop-down list. Wherein the size of the second drop-down box may be preconfigured. When the number of the second legends is larger, the second drop-down frame cannot display all the legends at the same time, and part of the second legends can be displayed step by step in a page-turning or vertical sliding manner.
The host does not need to show the legend already shown in the display frame in the second display frame, so that legends other than the legend already shown can be determined as the second legend, and the second legend is shown in the second drop-down frame for selection.
Step 260: in response to a selection operation for the second legend, presenting the selected second legend in the second display box.
When the host computer detects a selection operation for any second legend in the second drop-down box, the selected second legend may be presented in the second display box in response to the selection operation.
When the host computer detects a selection operation for the plurality of second legends, the selected plurality of second legends may be presented in sequence in the second display frame.
In an embodiment, the host may render graphics corresponding to the second legend according to the second graphic configuration information in the second graphic configuration file. The second graphic configuration file is different from the first graphic configuration file, and therefore, the second graphic configuration information is different from the second graphic configuration information.
The graphics rendered and displayed by the host based on the first graphics configuration file can be different in graphics form from the graphics rendered by the host based on the second graphics configuration file, so that a better contrast effect is displayed. Such as: the graphics rendered and displayed by the host according to the first graphics configuration file are bars in the histogram, and the graphics rendered and displayed according to the second graphics configuration file can be broken lines.
When the second legend is presented in the display box, the host computer may present a graphic corresponding to the second legend on the chart interface.
In one case, if the number of legends in the second selector component is small (e.g., less than 1000), the host can render graphics corresponding to each second legend based on the second graphics configuration information prior to responding to the selection operation for the second legend.
In another case, if the number of legends in the second selector element is large (e.g., not less than 1000), the host can render graphics corresponding to the selected second legend based on the second graphics configuration information in response to the selection operation for the second legend.
Referring to fig. 11, a schematic diagram of a comparative graph showing effects is shown in the embodiments of the present application. The chart of fig. 11 is used to show sales volumes for 4 quarters for different brands of vehicles. In fig. 11, the display frame of the selector component includes a legend corresponding to "BMW", and the second display frame of the second selector component includes a legend corresponding to "Audi".
The graph corresponding to the BMW rendered and displayed by the host computer is a broken line of a solid line according to the graph configuration information in the first graph configuration file, and the image corresponding to the Audi rendered and displayed is a broken line of a broken line according to the second graph configuration information in the second graph configuration file.
The contrast function is realized through graphs of different forms, and the contrast effect can be optimized.
FIG. 12 is a block diagram of a device shown in a chart provided by an embodiment of the present application. As shown in fig. 12, the apparatus may include: a first display module 310, a second display module 320, and a third display module 330.
The first display module 310 is configured to display a display frame on a graphical interface.
A second presentation module 320 for presenting a plurality of legends in the form of drop-down lists in response to a triggering operation for the display frame.
A third showing module 330, configured to, in response to a selection operation for a legend in the drop-down list, show the selected legend in the display frame.
In one embodiment, the plurality of legends are located within at least two predetermined groupings;
the second presentation module 320 is further configured to present the group name of the group and the legend in the group in a form of a drop-down list in response to a trigger operation for the display frame.
In an embodiment, the third display module 330 is further configured to:
in response to a selection operation for a group name of any one of the groups in the drop-down list, a legend in the group is presented in the display box.
In an embodiment, the second display module 320 is further configured to:
receiving a character string input to the display box;
searching the multiple legends based on the character string, and judging whether matched legends exist or not;
matching legends are shown in the form of a drop down list, if any.
In an embodiment, the third display module 330 is further configured to:
rendering the graph corresponding to the legend according to the first graph configuration information;
and when the legend is displayed in the display frame, displaying a graph corresponding to the legend on a chart interface.
In one embodiment, the apparatus further comprises:
the first display module 310 is further configured to display a second display frame on the graphical interface.
A second presentation module 320, further configured to present a second legend in the form of a drop-down list in response to a triggering operation for the second display frame; the second legend includes legends other than those that have been presented.
A third presentation module 330, further configured to present the selected second legend in the second display frame in response to a selection operation for the second legend.
In one embodiment, the third display module 330 is further used for
Rendering the graph corresponding to the second legend according to second graph configuration information;
when the second legend is shown in the display frame, a graphic corresponding to the second legend is shown on a chart interface.
The implementation processes of the functions and actions of each module in the device are specifically detailed in the implementation processes of the corresponding steps in the method shown in the diagram, and are not described again here.
In the embodiments provided in the present application, the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative, and for example, the flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, functional modules in the embodiments of the present application may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application or portions thereof that substantially contribute to the prior art may be embodied in the form of a software product stored in a storage medium and including instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
Claims (10)
1. A method of chart presentation, comprising:
displaying a display frame on a chart interface;
in response to a trigger operation for the display frame, presenting a plurality of legends in the form of drop-down lists;
and in response to the selection operation aiming at the legend in the drop-down list, showing the selected legend in the display box.
2. The method of claim 1, wherein the plurality of legends are located within at least two preset groupings;
the displaying a plurality of legends in a form of a pull list in response to a trigger operation for the display frame comprises:
and in response to a trigger operation for the display frame, displaying the group name of the group and a legend in the group in the form of a drop-down list.
3. The method of claim 2, further comprising:
in response to a selection operation for a group name of any one of the groups in the drop-down list, a legend in the group is presented in the display box.
4. The method of claim 1, wherein prior to responding to a selection operation, the method further comprises:
receiving a character string input to the display box;
searching the multiple legends based on the character string, and judging whether matched legends exist or not;
matching legends are shown in the form of a drop down list, if any.
5. The method according to claim 1 or 3, characterized in that the method further comprises:
rendering the graph corresponding to the legend according to the first graph configuration information;
and when the legend is displayed in the display frame, displaying a graph corresponding to the legend on a chart interface.
6. The method of claim 1, further comprising:
displaying a second display frame on the chart interface;
in response to a trigger operation for the second display frame, presenting a second legend in the form of a drop-down list; the second legend includes legends other than those presented;
in response to a selection operation for the second legend, presenting the selected second legend in the second display box.
7. The method of claim 6, further comprising:
rendering the graph corresponding to the second legend according to second graph configuration information;
when the second legend is shown in the display frame, a graphic corresponding to the second legend is shown on a chart interface.
8. An apparatus for chart presentation, comprising:
the first display module is used for displaying a display frame on a chart interface;
a second display module, configured to display a plurality of legends in the form of a drop-down list in response to a trigger operation for the display frame;
and the third showing module is used for responding to the selection operation of the legend in the drop-down list and showing the selected legend in the display frame.
9. An electronic device, characterized in that the electronic device comprises:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the method of chart presentation of any one of claims 1-7.
10. A computer-readable storage medium, characterized in that the storage medium stores a computer program executable by a processor to perform the method of chart presentation of any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010438745.1A CN111597251B (en) | 2020-05-21 | 2020-05-21 | Method and device for displaying chart, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010438745.1A CN111597251B (en) | 2020-05-21 | 2020-05-21 | Method and device for displaying chart, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111597251A true CN111597251A (en) | 2020-08-28 |
| CN111597251B CN111597251B (en) | 2024-03-08 |
Family
ID=72192501
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010438745.1A Active CN111597251B (en) | 2020-05-21 | 2020-05-21 | Method and device for displaying chart, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111597251B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112685489A (en) * | 2020-12-21 | 2021-04-20 | 珠海格力电器股份有限公司 | Data display method, device, terminal, storage medium and processor |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7013433B1 (en) * | 2004-01-12 | 2006-03-14 | Microsoft Corporation | System and method for providing a dynamically updating legend |
| CN107947963A (en) * | 2017-10-24 | 2018-04-20 | 北京天元创新科技有限公司 | A kind of alarm method and device of the network topology link based on GIS map |
| US20190213762A1 (en) * | 2018-01-05 | 2019-07-11 | International Business Machines Corporation | Implementing interactive hierarachical chart legend data display |
| CN110404252A (en) * | 2019-07-31 | 2019-11-05 | 网易（杭州）网络有限公司 | Information displaying method and device, electronic equipment, storage medium |
| CN110909732A (en) * | 2019-10-14 | 2020-03-24 | 杭州电子科技大学上虞科学与工程研究院有限公司 | Automatic extraction method of data in graph |
-
2020
- 2020-05-21 CN CN202010438745.1A patent/CN111597251B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7013433B1 (en) * | 2004-01-12 | 2006-03-14 | Microsoft Corporation | System and method for providing a dynamically updating legend |
| CN107947963A (en) * | 2017-10-24 | 2018-04-20 | 北京天元创新科技有限公司 | A kind of alarm method and device of the network topology link based on GIS map |
| US20190213762A1 (en) * | 2018-01-05 | 2019-07-11 | International Business Machines Corporation | Implementing interactive hierarachical chart legend data display |
| CN110404252A (en) * | 2019-07-31 | 2019-11-05 | 网易（杭州）网络有限公司 | Information displaying method and device, electronic equipment, storage medium |
| CN110909732A (en) * | 2019-10-14 | 2020-03-24 | 杭州电子科技大学上虞科学与工程研究院有限公司 | Automatic extraction method of data in graph |
Non-Patent Citations (2)
| Title |
|---|
| 贺海扬;沈正新;安政伟;邱崇涛;: "基于MapGIS实现图件自动裁剪与图例生成", no. 03 * |
| 黄瑞阳;郭建忠;余慧明;史瑞鹏;: "基于Silverlight的矢量地图符号模型设计与实践", 测绘工程, no. 01 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112685489A (en) * | 2020-12-21 | 2021-04-20 | 珠海格力电器股份有限公司 | Data display method, device, terminal, storage medium and processor |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111597251B (en) | 2024-03-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103123648B (en) | In defined area, present abundant Search Results | |
| US9654437B2 (en) | System and method for prioritizing messages based on senders and content for drivers | |
| US9015634B2 (en) | Method for displaying menu | |
| CN110175609B (en) | Interface element detection method, device and equipment | |
| CN107430595B (en) | Method and system for displaying recognized text according to fast reading mode | |
| CN110688009B (en) | Application program access method and device for folding screen terminal | |
| CN111597251A (en) | Method and device for chart display, electronic equipment and storage medium | |
| CN113183759A (en) | Method and device for displaying characters of instrument panel | |
| CN112099891A (en) | Popup window display method and device, electronic equipment and computer readable storage medium | |
| CN113094046B (en) | Method, device and terminal for developing product page | |
| CN106557496B (en) | Table configuration method and device | |
| CN113343109A (en) | List recommendation method, computing device and computer storage medium | |
| CN113763009A (en) | Picture processing method, picture skipping method, device, equipment and medium | |
| CN114546553A (en) | Information display method, device, equipment and medium | |
| JP2016071528A (en) | Information processor, information processing method and program | |
| CN110321125B (en) | Data configuration method and device for cells and readable storage medium | |
| CN113158620A (en) | Bookshelf page editing processing method, electronic equipment and computer storage medium | |
| CN111861680B (en) | Configuration-based vehicle type determining method and device and electronic terminal | |
| CN108170838B (en) | Topic evolution visualization display method, application server and computer readable storage medium | |
| US20140215377A1 (en) | Performing data operations while preserving graphical user interface real-estate | |
| US20170139547A1 (en) | Recognition and display of reading progress | |
| CN112836100B (en) | Historical browsing data display method and device | |
| CN110673910A (en) | Control method and control device for controlling popup window display in app system | |
| CN111753183A (en) | Search result processing method and device | |
| US20220327136A1 (en) | Generating transformations of analytic artifacts |
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 | ||
| CB02 | Change of applicant information |
Country or region after: China Address after: 15-5, 1st Floor, Building 4, No. 15 Haidian Middle Street, Haidian District, Beijing, 100082 Applicant after: Beijing minglue Zhaohui Technology Co.,Ltd. Address before: Room 2020, 2nd floor, building 27, 25 North Third Ring Road West, Haidian District, Beijing Applicant before: BEIJING SUPERTOOL INTERNET TECHNOLOGY LTD. Country or region before: China |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |