CN108089858B - Method and device for creating visual interface - Google Patents
Method and device for creating visual interface Download PDFInfo
- Publication number
- CN108089858B CN108089858B CN201711432618.5A CN201711432618A CN108089858B CN 108089858 B CN108089858 B CN 108089858B CN 201711432618 A CN201711432618 A CN 201711432618A CN 108089858 B CN108089858 B CN 108089858B
- Authority
- CN
- China
- Prior art keywords
- chart
- selected preset
- preset
- visual interface
- displayed
- 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.)
- Active
Links
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/38—Creation or generation of source code for implementing user interfaces
Abstract
The embodiment of the invention provides a method and a device for creating a visual interface. According to the embodiment of the invention, technicians write a plurality of preset layout styles which can be used when the visual interface is created in advance through a computer program, and store the written preset layout styles in the terminal. And writing a plurality of preset charts which can be used when the visual interface is created through a computer program, and storing the written preset charts in the terminal. Therefore, when a user needs to create a visual interface, the user does not need to compile layout styles and charts needed to be used in real time through a computer program, and the user can directly use preset layout styles and preset charts compiled and stored in the terminal in advance by technicians, so that the workload of the user can be reduced, the time consumed by compiling the layout styles and charts needed to be used is saved, and the efficiency of creating the visual interface is improved.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for creating a visual interface.
Background
With the continuous development of the big data age, people pay more and more attention to the consumption of data information, so that a huge 'digital reading' group is formed. Meanwhile, more and more enterprises are beginning to emphasize visualization application of data, and derive numerous data visualization application projects.
In order to meet the approval of the visualization demand of data, it is often necessary to create a visualization interface including a chart for people to view.
At present, when creating a visualization interface including a chart, a technician needs to lay out the visualization interface in real time, draw the chart in real time, and manually fill data to be displayed in the chart, so as to obtain the visualization interface.
However, the inventor finds that laying out the visualization interface in real time, drawing the chart in real time takes a long time and is labor-intensive, resulting in high labor cost and low efficiency in creating the visualization interface.
Disclosure of Invention
In order to improve the efficiency of creating a visual interface, embodiments of the present invention illustrate a method and an apparatus for creating a visual interface.
In a first aspect, an embodiment of the present invention shows a method for creating a visual interface, where the method includes:
displaying a plurality of preset layout styles of the visual interface on a screen when a request for creating the visual interface is received;
acquiring a selected preset layout style from the plurality of preset layout styles;
displaying a blank visual interface of the selected preset layout style on a screen;
displaying a plurality of preset charts on a screen;
determining a selected preset chart among the plurality of preset charts;
determining the display position of the selected preset chart in the blank visual interface;
displaying the selected preset chart at the display position in the blank visual interface;
acquiring data to be displayed for displaying on the selected preset chart;
and displaying the data to be displayed on the selected preset chart to obtain a target visual interface.
In an optional implementation manner, after the displaying the selected preset chart at the display position in the blank visualization interface, the method further includes:
displaying the attribute information of the selected preset chart on a screen, wherein the attribute information at least comprises the name, height, width, font and color of the selected preset chart.
In an optional implementation manner, the obtaining data to be displayed for displaying on the selected preset chart includes:
acquiring a corresponding relation between the identifier of a preset chart and data to be displayed;
and searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
In an optional implementation, the method further includes:
creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and storing the JSON format file.
In an optional implementation manner, the creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the target visualization interface, and the data to be displayed, which is displayed on the selected preset chart, includes:
creating a first JSON format subfile according to the selected layout style;
creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and combining the first JSON format sub-file and the second JSON format sub-file into the JSON format file.
In a second aspect, an embodiment of the present invention shows an apparatus for creating a visual interface, where the apparatus includes:
the device comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying a plurality of preset layout styles of the visual interface on a screen when a request for creating the visual interface is received;
a first obtaining module, configured to obtain a selected preset layout style from the plurality of preset layout styles;
the second display module is used for displaying the blank visual interface of the selected preset layout style on a screen;
the third display module is used for displaying a plurality of preset charts on a screen;
the first determining module is used for determining the selected preset chart in the plurality of preset charts;
the second determining module is used for determining the display position of the selected preset chart in the blank visual interface;
a fourth display module, configured to display the selected preset chart at the display position in the blank visualization interface;
the second acquisition module is used for acquiring data to be displayed, which are displayed on the selected preset chart;
and the fifth display module is used for displaying the data to be displayed on the selected preset chart to obtain a target visual interface.
In an optional implementation, the apparatus further comprises:
and the sixth display module is used for displaying the attribute information of the selected preset chart on a screen, wherein the attribute information at least comprises the name, the height, the width, the font and the color of the selected preset chart.
In an optional implementation manner, the second obtaining module includes:
the acquisition unit is used for acquiring the corresponding relation between the preset identifier of the chart and the data to be displayed;
and the searching unit is used for searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
In an optional implementation, the apparatus further comprises:
the creating module is used for creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and the storage module is used for storing the JSON format file.
In an optional implementation manner, the creating module includes:
a first creating unit, configured to create a first JSON format subfile according to the selected layout style;
the second creating unit is used for creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and the combination unit is used for combining the first JSON format sub file and the second JSON format sub file into the JSON format file.
Compared with the prior art, the embodiment of the invention has the following advantages:
according to the embodiment of the invention, technicians write a plurality of preset layout styles which can be used when the visual interface is created in advance through a computer program, and store the written preset layout styles in the terminal. And writing a plurality of preset charts which can be used when the visual interface is created through a computer program, and storing the written preset charts in the terminal. Therefore, when a user needs to create a visual interface, the user does not need to compile layout styles and charts needed to be used in real time through a computer program, and the user can directly use preset layout styles and preset charts compiled and stored in the terminal in advance by technicians, so that the workload of the user can be reduced, the time consumed by compiling the layout styles and charts needed to be used is saved, and the efficiency of creating the visual interface is improved.
Drawings
FIG. 1 is a flow chart of steps of one embodiment of a method of creating a visualization interface of the present invention;
FIG. 2 is a block diagram of an embodiment of an apparatus for creating a visual interface according to the present invention.
Detailed Description
In order to make the aforementioned objects, features and advantages of the present invention comprehensible, embodiments accompanied with figures are described in further detail below.
Referring to fig. 1, a flowchart illustrating steps of an embodiment of a method for creating a visual interface according to the present invention is shown, where the method is applied to a terminal, and specifically includes the following steps:
in step S101, when a request for creating a visual interface is received, displaying a plurality of preset layout styles of the visual interface on a screen;
when a user needs to create a visual interface, a request for creating the visual interface can be input in the terminal, and when the terminal receives the request, the user is determined to need to create the visual interface in the terminal, so that a plurality of preset layout styles of the visual interface can be displayed on a screen of the terminal for the user to select.
The technical staff can count layout styles which are frequently used by most users in the historical process when the visual interfaces are created in advance, then the layout styles which are frequently used in the historical process can be written through a computer program, the written layout styles of the visual interfaces are stored in the terminal as the preset layout styles of the visual interfaces, and therefore when the users need to create the visual interfaces, the users do not need to write the layout styles of the visual interfaces which need to be used through the computer program in real time, and only the preset layout styles of the visual interfaces need to be displayed on a screen of the terminal for the users to select.
In step S102, a selected preset layout style is obtained from a plurality of preset layout styles of a visual interface;
after the terminal displays the plurality of preset layout styles of the visual interface on the screen, the user can select the preset layout style to be used from the plurality of preset layout styles of the visual interface, and the terminal acquires the selected preset layout style.
For example, a user clicks a preset layout style to be used by using a mouse, and the terminal acquires the preset layout style clicked by the mouse and takes the preset layout style as the selected preset layout style.
In step S103, displaying a blank visualization interface of the selected preset layout style on the screen;
the user can load a chart in the displayed blank visual interface and load data in the chart, so that the target visual interface is obtained.
In the embodiment of the invention, the position of the terminal displaying the preset layout style on the screen is different from the position of the terminal displaying the blank visual interface.
In step S104, displaying a plurality of preset charts on a screen;
in the embodiment of the present invention, the graph at least includes a bar graph, a pie graph, a line graph, a radar chart, a K-line graph, a map, and the like, which is not limited in the embodiment of the present invention.
The technical staff can count graphs which are frequently used by most users when the visual interfaces are created in the historical process in advance, then the graphs which are frequently used in the historical process can be written through a computer program, the written graphs are stored in the terminal as preset graphs, and therefore when the user needs to load the graphs which need to be used on the blank visual interfaces, the user does not need to write the graphs which need to be used through the computer program in real time, and only the preset graph selection needs to be displayed on a screen of the terminal.
In the embodiment of the invention, the position of the terminal for displaying the preset layout style, the position for displaying the blank visual interface and the position for displaying the preset chart are different from each other.
In step S105, a selected preset chart is determined among the plurality of preset charts;
after the terminal displays the plurality of preset charts on the screen, the user can select the preset chart required to be used from the plurality of preset charts, and the terminal acquires the selected preset chart.
For example, a user clicks a preset chart to be used by using a mouse, and the terminal acquires the preset chart clicked by the mouse and takes the preset chart as the selected preset chart.
In step S106, determining a display position of the selected preset chart in the blank visual interface;
for example, the user may click a preset chart to be used by using a mouse, drag the clicked preset chart to a certain position in the displayed blank visual interface, and then release the mouse, the terminal may determine the position of the selected preset chart when the mouse is released as the display position of the selected preset chart in the blank visual interface, and then execute step S107.
In step S107, displaying the selected preset chart at the display position in the blank visual interface;
the preset charts are various types of charts, the preset charts are charts which are written by technicians in advance by using a computer program and are frequently used by most users in a historical process when a visual interface is created, and in all the written preset charts, if the preset charts which are completely the same as the charts needed to be used by the users exist, the users can directly use the preset charts, but sometimes the preset charts which are completely the same as the charts needed to be used by the users do not exist, so that the embodiment of the invention supports the users to appropriately modify the preset charts, and the charts needed to be used by the users are obtained.
For example, if the preset chart is different from the chart that the user needs to use only in part of details, the user may modify the details of the preset chart to obtain the chart that the user needs to use.
For example, in the history process, most users often use a histogram when creating a visualization interface, and the histogram that is usually used includes 3 columns, and a technician often writes a histogram that includes 3 columns as a preset histogram when writing a histogram using a computer program. However, sometimes, the number of columns in the histogram may be different for different scenes, and assuming that the user needs to create a histogram with 4 columns in the embodiment of the present invention, the user may modify the displayed histogram.
In order to modify the details of the preset chart for the user conveniently to obtain the chart required to be used by the user, after the selected preset chart is displayed at the display position in the blank visualization interface, the attribute information of the selected preset chart can be displayed on the screen, wherein the attribute information at least comprises the name, the height, the width, the font, the color and the like of the selected preset chart.
The user can modify the displayed attribute information of the selected preset chart, and after the user modifies the attribute information of the selected preset chart, the terminal can adjust the displayed attribute of the selected preset chart according to the modified attribute information of the user, so that the chart required to be used by the user is obtained.
For example, assuming that the selected preset chart is a histogram, the histogram includes 3 columns, the number of columns included in the displayed attribute information of the histogram is 3, and assuming that the histogram that the user needs to use includes 4 columns, the attribute information 3 may be modified to 4. The terminal will automatically add a column in the displayed histogram to obtain the histogram including 3 columns that the user needs to use.
In the embodiment of the invention, the position of the terminal displaying the preset layout style on the screen, the position of the terminal displaying the blank visual interface, and the position of the terminal displaying the attribute information of the selected preset chart are different from each other.
In step S108, acquiring data to be displayed for displaying on the selected preset chart;
the user can store the data to be displayed, which needs to be displayed on the selected preset chart, in the API of the terminal in advance, so that the terminal can call the data to be displayed through the API interface and display the data to be displayed in the selected preset chart.
In the blank visualization interface, a plurality of different charts are often required to be displayed, and data required to be displayed on the different charts are different, so that when a user stores data to be displayed in a terminal, the data to be displayed is bound with the charts. For example, for a certain data to be displayed, if the data to be displayed needs to be displayed in a certain preset chart, when the data to be displayed is stored in the terminal, the preset chart identifier and the data to be displayed may be combined into a record and stored in the corresponding relationship between the preset chart identifier and the data to be displayed. The same is true for each of the other data to be displayed.
Thus, in the step, the corresponding relation between the preset chart mark and the data to be displayed is obtained; and searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
In step S109, the data to be displayed is displayed on the selected preset chart, so as to obtain the target visualization interface.
In the embodiment of the present invention, after the target visualization interface is obtained, sometimes the target visualization interface needs to be displayed on other devices, so that the visualization interface needs to be stored, so that the target visualization interface can be displayed on other devices later.
In the embodiment of the invention, a JSON format file can be created according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart, and then the JSON format file is stored.
Therefore, when the target visual interface needs to be displayed on other equipment later, the JSON format file only needs to be input into the other equipment, so that the other equipment analyzes the JSON format file to obtain the selected layout style, the selected preset diagram, the display position of the selected preset diagram in the target visual interface and the data to be displayed on the selected target diagram, then the blank visual interface of the selected preset layout style is displayed, the display position of the selected preset diagram in the blank visual interface is determined, the selected preset diagram is displayed at the display position in the blank visual interface, and then the data to be displayed is displayed on the selected preset diagram to obtain the target visual interface.
When a JSON format file is created according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the target visualization interface and the to-be-displayed data displayed on the selected preset chart, a first JSON format subfile can be created according to the selected layout style; then creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart; and combining the first JSON format subfile and the second JSON format subfile into a JSON format file. The layout styles and the charts can be stored separately, so that when the target visualization interface needs to be modified later, the modified position can be quickly and clearly positioned for surface maintenance.
According to the embodiment of the invention, technicians write a plurality of preset layout styles which can be used when the visual interface is created in advance through a computer program, and store the written preset layout styles in the terminal. And writing a plurality of preset charts which can be used when the visual interface is created through a computer program, and storing the written preset charts in the terminal. Therefore, when a user needs to create a visual interface, the user does not need to compile layout styles and charts needed to be used in real time through a computer program, and the user can directly use preset layout styles and preset charts compiled and stored in the terminal in advance by technicians, so that the workload of the user can be reduced, the time consumed by compiling the layout styles and charts needed to be used is saved, and the efficiency of creating the visual interface is improved.
It should be noted that, for simplicity of description, the method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present invention is not limited by the illustrated order of acts, as some steps may occur in other orders or concurrently in accordance with the embodiments of the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no particular act is required to implement the invention.
Referring to fig. 2, a block diagram illustrating a structure of an embodiment of an apparatus for creating a visual interface according to the present invention may specifically include the following modules:
a first display module 11, configured to display a plurality of preset layout styles of a visual interface on a screen when a request for creating the visual interface is received;
a first obtaining module 12, configured to obtain a selected preset layout style from the plurality of preset layout styles;
the second display module 13 is configured to display a blank visualization interface of the selected preset layout style on a screen;
a third display module 14, configured to display a plurality of preset charts on a screen;
a first determining module 15, configured to determine a selected preset chart among the preset charts;
a second determining module 16, configured to determine a display position of the selected preset chart in the blank visualization interface;
a fourth display module 17, configured to display the selected preset chart at the display position in the blank visualization interface;
a second obtaining module 18, configured to obtain data to be displayed for displaying on the selected preset chart;
and a fifth display module 19, configured to display the data to be displayed on the selected preset chart, so as to obtain a target visualization interface.
In an optional implementation, the apparatus further comprises:
and the sixth display module is used for displaying the attribute information of the selected preset chart on a screen, wherein the attribute information at least comprises the name, the height, the width, the font and the color of the selected preset chart.
In an optional implementation manner, the second obtaining module 18 includes:
the acquisition unit is used for acquiring the corresponding relation between the preset identifier of the chart and the data to be displayed;
and the searching unit is used for searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
In an optional implementation, the apparatus further comprises:
the creating module is used for creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and the storage module is used for storing the JSON format file.
In an optional implementation manner, the creating module includes:
a first creating unit, configured to create a first JSON format subfile according to the selected layout style;
the second creating unit is used for creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and the combination unit is used for combining the first JSON format sub file and the second JSON format sub file into the JSON format file.
According to the embodiment of the invention, technicians write a plurality of preset layout styles which can be used when the visual interface is created in advance through a computer program, and store the written preset layout styles in the terminal. And writing a plurality of preset charts which can be used when the visual interface is created through a computer program, and storing the written preset charts in the terminal. Therefore, when a user needs to create a visual interface, the user does not need to compile layout styles and charts needed to be used in real time through a computer program, and the user can directly use preset layout styles and preset charts compiled and stored in the terminal in advance by technicians, so that the workload of the user can be reduced, the time consumed by compiling the layout styles and charts needed to be used is saved, and the efficiency of creating the visual interface is improved.
For the device embodiment, since it is basically similar to the method embodiment, the description is simple, and for the relevant points, refer to the partial description of the method embodiment.
The embodiments in the present specification are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, embodiments of the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, embodiments of the present invention 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.
Embodiments of the present invention are described with reference to flowchart illustrations and/or block diagrams of methods, terminal devices (systems), and computer program products according to embodiments of the invention. 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 terminal to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing terminal, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing terminal to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing terminal to cause a series of operational steps to be performed on the computer or other programmable terminal to produce a computer implemented process such that the instructions which execute on the computer or other programmable terminal provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
While preferred embodiments of the present invention have been described, additional variations and modifications of these embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all such alterations and modifications as fall within the scope of the embodiments of the invention.
Finally, it should also be noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or terminal 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 terminal. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or terminal that comprises the element.
The method and the device for creating the visual interface provided by the invention are described in detail, specific examples are applied in the method to explain the principle and the implementation mode of the invention, and the description of the embodiments is only used for helping to understand the method and the core idea of the invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (4)
1. A method of creating a visual interface, the method comprising:
displaying a plurality of preset layout styles of the visual interface on a screen when a request for creating the visual interface is received;
acquiring a selected preset layout style from the plurality of preset layout styles;
displaying a blank visual interface of the selected preset layout style on a screen;
displaying a plurality of preset charts on a screen;
determining a selected preset chart among the plurality of preset charts;
determining the display position of the selected preset chart in the blank visual interface;
displaying the selected preset chart at the display position in the blank visual interface;
acquiring data to be displayed for displaying on the selected preset chart;
displaying the data to be displayed on the selected preset chart to obtain a target visual interface;
after the displaying the selected preset chart at the display position in the blank visualization interface, the method further includes:
displaying attribute information of the selected preset chart on a screen, wherein the attribute information at least comprises the name, height, width, font and color of the selected preset chart;
adjusting the attribute of the selected preset chart according to the attribute information modified by the user;
wherein the method further comprises:
creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
storing the JSON format file;
creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the target visualization interface and the to-be-displayed data displayed on the selected preset chart, wherein the method comprises the following steps of:
creating a first JSON format subfile according to the selected layout style;
creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and combining the first JSON format sub-file and the second JSON format sub-file into the JSON format file.
2. The method of claim 1, wherein the obtaining data to be displayed for display on the selected preset chart comprises:
acquiring a corresponding relation between the identifier of a preset chart and data to be displayed;
and searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
3. An apparatus for creating a visual interface, the apparatus comprising:
the device comprises a first display module, a second display module and a display module, wherein the first display module is used for displaying a plurality of preset layout styles of the visual interface on a screen when a request for creating the visual interface is received;
a first obtaining module, configured to obtain a selected preset layout style from the plurality of preset layout styles;
the second display module is used for displaying the blank visual interface of the selected preset layout style on a screen;
the third display module is used for displaying a plurality of preset charts on a screen;
the first determining module is used for determining the selected preset chart in the plurality of preset charts;
the second determining module is used for determining the display position of the selected preset chart in the blank visual interface;
a fourth display module, configured to display the selected preset chart at the display position in the blank visualization interface;
the second acquisition module is used for acquiring data to be displayed, which are displayed on the selected preset chart;
the fifth display module is used for displaying the data to be displayed on the selected preset chart to obtain a target visual interface;
the device further comprises:
a sixth display module, configured to display attribute information of the selected preset diagram on a screen, where the attribute information at least includes a name, a height, a width, a font, and a color of the selected preset diagram;
adjusting the attribute of the selected preset chart according to the attribute information modified by the user;
wherein the apparatus further comprises:
the creating module is used for creating a JSON format file according to the selected layout style, the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
the storage module is used for storing the JSON format file;
wherein the creation module comprises:
a first creating unit, configured to create a first JSON format subfile according to the selected layout style;
the second creating unit is used for creating a second JSON format subfile according to the selected preset chart, the display position of the selected preset chart in the blank visual interface and the data to be displayed on the selected preset chart;
and the combination unit is used for combining the first JSON format sub file and the second JSON format sub file into the JSON format file.
4. The apparatus of claim 3, wherein the second obtaining module comprises:
the acquisition unit is used for acquiring the corresponding relation between the preset identifier of the chart and the data to be displayed;
and the searching unit is used for searching the data to be displayed corresponding to the identifier of the selected preset chart in the corresponding relation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711432618.5A CN108089858B (en) | 2017-12-26 | 2017-12-26 | Method and device for creating visual interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711432618.5A CN108089858B (en) | 2017-12-26 | 2017-12-26 | Method and device for creating visual interface |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108089858A CN108089858A (en) | 2018-05-29 |
| CN108089858B true CN108089858B (en) | 2021-01-26 |
Family
ID=62178194
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711432618.5A Active CN108089858B (en) | 2017-12-26 | 2017-12-26 | Method and device for creating visual interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108089858B (en) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109032586A (en) * | 2018-07-09 | 2018-12-18 | 中国银行股份有限公司 | A kind of data visualization method and device |
| CN109117122B (en) * | 2018-07-12 | 2021-10-01 | 北京猫眼文化传媒有限公司 | List view creating method and device |
| CN109753643B (en) * | 2018-12-05 | 2023-10-20 | 平安科技（深圳）有限公司 | Report style creation method, device, equipment and computer readable storage medium |
| CN112560422A (en) * | 2020-12-10 | 2021-03-26 | 北京煜邦电力技术股份有限公司 | Chart processing method, device, equipment and medium |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102736899A (en) * | 2011-03-31 | 2012-10-17 | 国际商业机器公司 | Method and system for processing software layout |
| CN103324401B (en) * | 2012-03-20 | 2017-06-06 | 深圳市金蝶友商电子商务服务有限公司 | The chart display method and device of form |
| CN106293310A (en) * | 2015-05-26 | 2017-01-04 | 无锡买卖宝信息技术有限公司 | The method and apparatus of the Show Styles of application in locking screen interface is set |
| CN106528058A (en) * | 2015-09-10 | 2017-03-22 | 腾讯科技（深圳）有限公司 | Web page display method and device for game application |
| CN106095740A (en) * | 2016-06-03 | 2016-11-09 | 中国南方电网有限责任公司 | Page map-integrated OA generates method and system |
| JP6130958B1 (en) * | 2016-07-19 | 2017-05-17 | 株式会社Ｏｓｋ | Application creation support system |
| CN106445520A (en) * | 2016-09-23 | 2017-02-22 | 北京赢点科技有限公司 | Method and device for making visualized themed page |
| CN106528741A (en) * | 2016-11-04 | 2017-03-22 | 浪潮软件集团有限公司 | Visualization implementation method based on big data |
| CN107391468A (en) * | 2017-06-15 | 2017-11-24 | 华为技术有限公司 | A kind of method, apparatus and equipment for adding chart |
-
2017
- 2017-12-26 CN CN201711432618.5A patent/CN108089858B/en active Active
Non-Patent Citations (2)
| Title |
|---|
| A graphical user interface for drawing Feynman diagrams;Binosi D等;《 Computer Physics Communications》;20040831;第161卷(第1-2期);第399-404页 * |
| 基于B/S的跨平台用户界面可配置算法研究;赵双双等;《浙江理工大学学报》;20150531(第5期);第76-86页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108089858A (en) | 2018-05-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108089858B (en) | Method and device for creating visual interface | |
| CN108228287B (en) | QT-based user interface control generation method and device | |
| US20180337880A1 (en) | System and method for presentation of content linked comments | |
| US9064233B2 (en) | Methods and apparatus for device-specific analytics data visualization | |
| CN110083346B (en) | Screening configuration method and device based on data visualization interface | |
| US10089120B2 (en) | Widgets in digital dashboards | |
| CN105335445A (en) | Layout display method and device | |
| CN111433762A (en) | Graphically organizing content in a user interface of a software application | |
| US10565560B2 (en) | Alternative people charting for organizational charts | |
| US11269950B2 (en) | Analysis for framework assessment | |
| CN114357345A (en) | Picture processing method and device, electronic equipment and computer readable storage medium | |
| CN113326314B (en) | Data visualization method, device, electronic equipment and readable storage medium | |
| CN112132654A (en) | Method, device and storage medium for displaying house source information | |
| CN113342438A (en) | Application program guiding method, device, equipment and medium | |
| US10467782B2 (en) | Interactive hierarchical bar chart | |
| CN102483682A (en) | Design support device, design support program, design support method and integrated circuit | |
| CN107451163B (en) | Animation display method and device | |
| CN108279962B (en) | Method and device for creating visual data display interface | |
| KR20140063965A (en) | Method and system for providing page using dynamic page division | |
| US20120159376A1 (en) | Editing data records associated with static images | |
| CN107621951B (en) | View level optimization method and device | |
| US20190212904A1 (en) | Interactive time range selector | |
| US11929049B2 (en) | Output content generation apparatus, output content generation method and program | |
| CN111158685A (en) | Static page updating method and device, electronic equipment and storage medium | |
| CN115170695A (en) | Method and device for generating chart picture, electronic 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |