CN114816632A - Billboard layout configuration method and device, billboard display method, device and medium - Google Patents
Billboard layout configuration method and device, billboard display method, device and medium Download PDFInfo
- Publication number
- CN114816632A CN114816632A CN202210426731.7A CN202210426731A CN114816632A CN 114816632 A CN114816632 A CN 114816632A CN 202210426731 A CN202210426731 A CN 202210426731A CN 114816632 A CN114816632 A CN 114816632A
- Authority
- CN
- China
- Prior art keywords
- component
- billboard
- information
- percentage
- size information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 82
- 230000015654 memory Effects 0.000 claims description 19
- 238000010586 diagram Methods 0.000 claims description 16
- 238000011161 development Methods 0.000 abstract description 19
- 230000008569 process Effects 0.000 abstract description 11
- 238000004904 shortening Methods 0.000 abstract 1
- 238000004891 communication Methods 0.000 description 9
- 238000004519 manufacturing process Methods 0.000 description 9
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a billboard layout configuration method and device, a billboard display method, equipment and a medium. The billboard layout configuration method comprises the following steps: receiving a signboard creation instruction and creating a blank signboard, receiving a component creation instruction and creating a component in the blank signboard, receiving a component editing instruction and adjusting the position and size of the component, acquiring component position information and component size information of the component, and acquiring input signboard size information of the blank signboard so as to obtain signboard configuration information. The component position information comprises a first distance percentage and a second distance percentage, the component size information comprises a component width percentage and a component height percentage, and the billboard size information comprises a billboard width percentage and a billboard height percentage. Because the information in the billboard configuration information is stored in percentage distance, the display requirements of various terminal devices can be met only by once billboard layout configuration, thereby reducing the workload in the billboard development process and shortening the development period.
Description
Technical Field
The present application relates to the field of intelligent display technologies, and in particular, to a billboard layout configuration method and apparatus, a billboard display method, a device, and a medium.
Background
With the improvement of the digitization degree, the visualization of the production process and the monitoring of the production indexes are more and more important in production and manufacturing enterprises, and many production and manufacturing enterprises perform billboard deployment in places such as production workshops and offices so as to know the production condition in time and assist in production decision making.
Most of the visualization billboard technologies in the related art are based on customized development of specific terminal devices. For example, the layout design of the front end is performed according to the size and resolution of a workshop display screen, data interface access is developed according to data blocks of each layout after the layout design is completed, and finally the style and access rule of each area are set. However, as the variety of terminal devices increases, manufacturers have demanded various terminal displays, such as a display screen of a television, a tablet, or a mobile phone, for example, for a billboard display. In order to meet the requirements of various terminal displays, the development billboard is often required to be customized according to terminal equipment, so that the workload of billboard development is large, and the development period is long.
Disclosure of Invention
The embodiment of the application mainly aims to provide a billboard layout configuration method and device, a billboard display method, equipment and a medium, so as to reduce workload in a billboard development process and shorten a development period.
In order to achieve the above object, a first aspect of an embodiment of the present application provides a billboard layout configuration method, where the method includes: receiving a billboard creation instruction and creating a blank billboard according to the billboard creation instruction; receiving a component creating instruction and creating a component in the blank billboard according to the component creating instruction; receiving a component editing instruction and adjusting the position and the size of the component according to the component editing instruction; acquiring component position information and component size information of the component; wherein the component location information comprises a first distance percentage and a second distance percentage, and the component size information comprises a component width percentage and a component height percentage; acquiring the size information of the input signboard of the blank signboard; the billboard size information comprises billboard width percentage and billboard height percentage; and obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
In some embodiments, the first distance percentage is a percentage distance of the component from a left border of the blank billboard, and the second distance percentage is a percentage distance of the component from an upper border of the blank billboard.
To achieve the above object, a second aspect of the present application proposes a billboard display method, including: acquiring resolution information and billboard configuration information of a display billboard; the billboard configuration information is obtained by the billboard layout configuration method according to the embodiment of the first aspect, and the billboard configuration information includes: component position information, component size information, and billboard size information; obtaining the actual size information of the billboard according to the resolution information and the billboard size information; obtaining actual position information of the component according to the actual size information of the billboard and the position information of the component; obtaining actual size information of the component according to the actual size information of the billboard and the size information of the component; acquiring data binding information corresponding to the component; and displaying the signboard data according to the signboard actual size information, the component actual position information, the component actual size information and the data binding information.
In some embodiments, the obtaining data binding information corresponding to the component includes: acquiring a target data set from a target data source; creating a target graph from the target dataset; and binding the target diagram with the corresponding component to obtain the data binding information.
In some embodiments, the obtaining the target data set from the target data source comprises: selecting a target data adapter according to the type of the target data source; and acquiring the target data set from the target data source through the target data adapter.
In some embodiments, said creating a target graph from said target dataset comprises: obtaining dimension data and index data according to the data type in the target data set; calculating according to the index data to obtain display data; generating a chart through the dimension data and the display data to obtain the target chart.
In some embodiments, the generating a graph from the dimension data and the display data to obtain the target graph includes: receiving a chart type selection instruction and obtaining the display type of the target chart; receiving a chart attribute setting instruction and obtaining the chart attribute of the target chart; and formatting and storing the dimension data and the display data according to the display type and the chart attribute to obtain the target chart.
To achieve the above object, a third aspect of the present application provides a billboard layout arrangement apparatus, comprising: the system comprises a blank billboard creating module, a display module and a display module, wherein the blank billboard creating module is used for receiving a billboard creating instruction and creating a blank billboard according to the billboard creating instruction; the component creating module is used for receiving a component creating instruction and creating a component in the blank billboard according to the component creating instruction; the component editing module is used for receiving a component editing instruction and adjusting the position and the size of the component according to the component editing instruction; the component information acquisition module is used for acquiring component position information and component size information of the component; wherein the component location information comprises a first distance percentage and a second distance percentage, and the component size information comprises a component width percentage and a component height percentage; the billboard information acquisition module is used for acquiring the input billboard size information of the blank billboard; the billboard size information comprises billboard width percentage and billboard height percentage; and the configuration information generation module is used for obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
To achieve the above object, a fourth aspect of the present application proposes an electronic apparatus comprising:
at least one memory;
at least one processor;
at least one program;
the program is stored in the memory, and the processor executes the at least one program to implement the kanban layout configuration method according to the first aspect of the present application or the kanban display method according to the second aspect of the present application.
To achieve the above object, a fifth aspect of the present application proposes a storage medium which is a computer-readable storage medium storing computer-executable instructions for causing a computer to execute: a billboard layout arrangement method as described in the first aspect above or a billboard display method as described in the second aspect above.
The kanban layout configuration method and device, the kanban display method, the kanban display device and medium, the electronic device and the storage medium provided by the embodiment of the application can create a blank kanban by receiving a kanban creation instruction, a component creation instruction and a component editing instruction sent by a user, create a component in the blank kanban and adjust the position and the size of the component, and then acquire component position information and component size information of the component in the kanban by acquiring the component position information and the component size information of the component, so that the kanban layout configuration information is obtained. Because the component position information, the component size information and the billboard size information are all stored in percentage form, the layout of the components in the billboard cannot be changed due to the difference of the size and the resolution of the display screen of the terminal equipment. The display requirements of various terminal devices can be met only by once layout configuration of the billboard, so that the workload in the development process of the billboard is reduced, and the development period is shortened.
Drawings
Fig. 1 is a flowchart of a kanban layout configuration method provided in an embodiment of the present application;
FIG. 2 is a flow chart of a billboard display method provided by an embodiment of the application;
FIG. 3 is a flowchart of step S250 in FIG. 2;
fig. 4 is a flowchart of step S251 in fig. 3;
FIG. 5 is a flowchart of step S252 in FIG. 3;
fig. 6 is a flowchart of step S2523 in fig. 5;
FIG. 7 is a block diagram of a billboard layout configuration apparatus according to an embodiment of the present application;
fig. 8 is a schematic hardware structure diagram of an electronic device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
It is noted that while functional block divisions are provided in device diagrams and logical sequences are shown in flowcharts, in some cases, steps shown or described may be performed in sequences other than block divisions within devices or flowcharts. The terms first, second and the like in the description and in the claims, and the drawings described above, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of the present application only and is not intended to be limiting of the application.
Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and so forth. In other instances, well-known methods, devices, implementations, or operations have not been shown or described in detail to avoid obscuring aspects of the disclosure.
The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.
The flowcharts shown in the figures are illustrative only and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
Embodiments of the present application provide a billboard layout configuration method and apparatus, a billboard display method, a device, and a medium, which are specifically described with reference to the following embodiments, and first describe the billboard layout configuration method in the embodiments of the present application.
The embodiment of the application provides a billboard layout configuration method, and relates to the technical field of intelligent display. The kanban layout configuration method provided by the embodiment of the application can be applied to a terminal, a server side and software running in the terminal or the server side. In some embodiments, the terminal may be a smartphone, tablet, laptop, desktop computer, smart watch, or the like; the server side can be configured into an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, and cloud servers for providing basic cloud computing services such as cloud service, a cloud database, cloud computing, cloud functions, cloud storage, network service, cloud communication, middleware service, domain name service, security service, CDN (content delivery network) and big data and artificial intelligence platforms; the software may be an application or the like that implements the kanban layout configuration method, but is not limited to the above form.
Fig. 1 is an alternative flowchart of a kanban layout configuration method provided in an embodiment of the present application, and the method in fig. 1 may include, but is not limited to, steps S110 to S160.
S110, receiving a signboard creation instruction and creating a blank signboard according to the signboard creation instruction;
s120, receiving a component creating instruction and creating a component in a blank billboard according to the component creating instruction;
s130, receiving a component editing instruction and adjusting the position and the size of the component according to the component editing instruction;
s140, acquiring component position information and component size information of the component; the component size information comprises a component width percentage and a component height percentage;
s150, acquiring the size information of the input blank billboard; the billboard size information comprises a billboard width percentage and a billboard height percentage;
and S160, obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
According to the kanban layout configuration method provided by the embodiment of the application, the kanban creating instruction, the component creating instruction and the component editing instruction sent by the user are received, the blank kanban can be created, the component is created in the blank kanban, the position and the size of the component are adjusted, the component position information and the component size information of the component in the kanban are collected subsequently, and the kanban size information is obtained to serve as kanban configuration information. Because the component position information, the component size information and the billboard size information are all stored in percentage form, the layout of the components in the billboard cannot be changed due to the difference of the size and the resolution of the display screen of the terminal equipment. The display requirements of various terminal devices can be met only by once layout configuration of the billboard, so that the workload in the development process of the billboard is reduced, and the development period is shortened.
According to the kanban layout configuration method, interaction can be carried out with a user through the visual user operation interface, and the user can obtain kanban configuration information through operation, so that configuration of kanban layout is completed. The kanban layout configuration method of the present application is described in detail below.
In step S110, a kanban creation instruction is received and a blank kanban is created according to the kanban creation instruction. Wherein the kanban creation instruction may be obtained in a variety of ways. For example, a menu bar may be set in the user operation interface to provide the user with a function entry for creating a blank billboard, and the user may send a billboard creation instruction by selecting a corresponding menu button. The user can also input the kanban creating instruction by means of a shortcut key, and the specific input mode is not limited herein.
After receiving a kanban creation instruction of a user, a brand-new blank kanban is created. The blank billboard is a display interface of the display billboard simulated by the system, and the length-width ratio of the blank billboard can be changed according to the setting of a user. The blank billboard may be displayed as a rectangular box with a border into which a user may add components for real-time presentation of the layout of the components in the billboard.
In step S120, a component creation instruction is received and a component is created in the whiteboarding according to the component creation instruction. After the blank billboard is created, a user can add components in the blank billboard, and the components are used for distinguishing different display areas of the billboard. It will be appreciated that a plurality of components may be added to a blank billboard, and the specific number of components may vary according to the display requirements of the data. The user can add new components in the blank billboard by clicking or dragging and the like.
In step S130, a component editing instruction is received and the position and size of the component are adjusted according to the component editing instruction. After the user adds the component in the blank billboard, the component can be displayed in the blank billboard in a rectangular frame with a boundary. After the user selects the corresponding component, the position and the size of the corresponding component can be set. For example, the user can adjust the position of the component in the blank billboard by selecting and dragging the component, the size of the component bounding box is set to be adjustable, and the user can adjust the size in a direct dragging manner or in a method of directly inputting parameters. The user can input the component editing instruction through different operation modes and adjust the position and the size of the component according to the component editing instruction.
In step S140, component position information and component size information of the component are acquired. Wherein the component position information includes a first distance percentage and a second distance percentage, and the component size information includes a component width percentage and a component height percentage. After the position and the size of the component are adjusted, the system can obtain component position information and component size information of the component.
The component position information includes a first distance percentage and a second distance percentage, the first distance percentage and the second distance percentage being percentages of the distance of the component from the blank billboard boundary to the space-time billboard boundary. In some embodiments, the first distance percentage is the percentage distance of the component from the left frame of the blank billboard and the second distance percentage is the percentage distance of the component from the upper frame of the blank billboard. In a specific example, when the width of the blank billboard is 100 and the height of the blank billboard is 50, the distance between the center point of the component and the left frame of the blank billboard is 10, and the distance between the center point of the component and the upper frame of the blank billboard is also 10, at this time, the first distance percentage is 10%, and the second distance percentage is 20%. It will be appreciated that the position information of the assembly is used to position the assembly in a two-dimensional plane, so that when setting the distance references of the first distance percentage and the second distance percentage, the references cannot be parallel. In some other embodiments, the first percentage of distance may be a percentage distance of the element from a right border of the blank billboard, the second percentage of distance may be a percentage distance of the element from a lower border of the blank billboard, and the positional reference point of the element may also be any point in the element.
The component size information includes a component width percentage and a component height percentage. The component width percentage is the percentage between the width of the component and the width of the blank, and the component height percentage is the percentage between the height of the component and the height of the blank. In a specific example, when the width of the blank billboard is 100 and the height is 50, the width of the component is set to 20, and the height of the component is set to 20, in this case, the percentage of the width of the component is 20%, and the percentage of the height of the component is 40%.
The parameters of the component position information and the component size information of the components are set to be percentage distances, the layout of the components in the billboard is the relative distance and the relative size, and the components cannot be changed due to the difference of the size and the resolution of a display screen of the terminal equipment in the subsequent display process, so that the workload in the development process of the billboard is reduced, and the development period is shortened.
In step S150, the kanban size information of the input blank kanban is acquired. Wherein the billboard size information comprises a billboard width percentage and a billboard height percentage. The width percentage of the billboard is used for indicating the proportion of the width of the billboard to the width of the display screen when the billboard is actually displayed; the billboard height percentage is used to indicate the ratio of the height of the billboard to the height of the display when the billboard is actually displayed. For example, when the billboard width percentage and the billboard height percentage are both 100%, the billboard is displayed full screen when displayed on the display screen.
In step S160, billboard configuration information is obtained according to the component position information, the component size information, and the billboard size information. It is to be understood that, when a plurality of components are included in the blank billboard, the billboard configuration information includes component position information and component size information corresponding to each component. The setting information of the layout of the billboard by the user can be obtained by storing the configuration information of the billboard. The billboard configuration information obtained by the billboard layout configuration method of the embodiment of the application can be applied to billboard display of various terminal devices, and developers do not need to perform layout development according to each terminal device, so that the workload in the billboard development process is reduced, and the development period is shortened.
Referring to fig. 2, an embodiment of the present application further provides a billboard display method, where the billboard display method includes:
s210, acquiring resolution information and billboard configuration information of a display billboard;
s220, obtaining the actual size information of the signboard according to the resolution information and the signboard size information;
s230, obtaining actual position information of the component according to the actual size information of the signboard and the position information of the component;
s240, obtaining actual size information of the component according to the actual size information of the billboard and the size information of the component;
s250, acquiring data binding information corresponding to the component;
and S260, displaying the signboard data according to the signboard actual size information, the component actual position information, the component actual size information and the data binding information.
The kanban configuration information in the embodiment of the present application is obtained by the kanban layout configuration method in the embodiment described above, and the kanban configuration information includes: component location information, component size information, and billboard size information. Correspondingly, the component position information comprises a first distance percentage and a second distance percentage, the component size information comprises a component width percentage and a component height percentage, and the billboard size information comprises a billboard width percentage and a billboard height percentage. The billboard display method in the embodiment of the application can be implemented by a processor in the terminal device or a server in the cloud.
In step S210, resolution information and kanban configuration information of the display kanban are acquired. The resolution information can be obtained by directly reading the parameter information of the display screen, or the resolution information required to be displayed is input by a user, and the billboard configuration information is input by the user after being set by the billboard layout configuration method.
In step S220, the billboard actual size information is obtained according to the resolution information and the billboard size information. Specifically, the billboard size information is the proportion of the billboard size that the user wants to display on the display screen to the whole display screen, the resolution information is the maximum pixel point that the display screen can reach in the horizontal and vertical directions, and the actual size information of the billboard, that is, the resolution when the billboard is displayed on the display screen, can be obtained by multiplying the billboard size information and the resolution information. In a specific example, the resolution of the display signboard is 1280 × 800, in the signboard size information, the width percentage of the signboard is 50%, and the height percentage of the signboard is also 50%, and the actual size information of the signboard obtained through product operation is 640 × 400, that is, the display area of the signboard occupies one fourth of the area of the display signboard.
In step S230, the actual position information of the component is obtained according to the actual size information of the signboard and the component position information. And after the actual size information of the signboard is obtained, multiplying the actual size information of the signboard by the position information of the component to obtain the actual position information of the component. In a specific example, the actual size information of the signboard is 640 × 400, the first distance percentage in the component position information is 50%, the second distance percentage is 50%, after the product operation, the first actual distance in the component actual position information is 320, the second actual distance is 200, when the component is positioned by the component center point, that is, the distance from the center point of the component to one side of the signboard is 320 pixels, and the distance from the other side of the signboard is 200 pixels, the position of the component in the signboard is determined.
In step S240, the actual size information of the component is obtained according to the actual size information of the kanban and the component size information. And after the actual size information of the signboard is obtained, multiplying the actual size information of the signboard by the size information of the component to obtain the actual size information of the component. In a specific example, the billboard actual size information is 640 × 400, the percentage of the width of the component in the component size information is 50%, and the percentage of the height of the component is 40%, and after product operation, the actual width of the component is 320, the actual height of the component is 160, that is, the width of the component is 320 pixels, and the height of the component is 160 pixels.
The actual position information of the component in the display signboard can be determined through the calculated actual position information of the component and the actual size information of the component, so that the layout display of the component is completed.
In some embodiments, referring to fig. 3, in step S250, acquiring data binding information corresponding to the component includes:
s251, acquiring a target data set from a target data source;
s252, creating a target diagram according to the target data set;
and S253, binding the target diagram with the corresponding component to obtain data binding information.
The assembly only provides position information when data are displayed, data binding information corresponding to the assembly needs to be acquired on the specific displayed data type, and the data which need to be displayed can be displayed on the billboard through combination of the position information and the data binding information.
When acquiring the data binding information, firstly, through step S251, a target data set needs to be acquired from a target data source, and referring to fig. 4, the method specifically includes:
s2511, selecting a target data adapter according to the type of a target data source;
s2512, a target data set is obtained from the target data source through the target data adapter.
The target data source in the embodiment of the application is a database storing target data to be displayed or data such as text and JSON. For different types of data sources, for example, target data from Oracle, SqlServer or other databases, different data adapters need to be selected for adaptation. By selecting the correct target data adapter, the target data set can be obtained from the target data source. For example, the target data set is a student score table, and information such as names, classes, subjects, scores, and the like of students can be obtained from the score table.
After the target data set is acquired, in step S252, a target graph is created according to the target data set, and with reference to fig. 5, the method specifically includes:
s2521, obtaining dimensional data and index data according to the data types in the target data set;
s2522, calculating according to the index data to obtain display data;
and S2523, generating a graph through the dimensional data and the display data to obtain a target graph.
In the embodiment of the application, the dimension data is dimension type data represented by an abscissa in the target diagram, and the index data is parameter data to be displayed by an ordinate in the target diagram. For example, when the acquired target data set is student achievement list data, the dimension data includes: class, name, subject, etc., and the index data is the score of the student. After the index data is obtained, the display data under different dimensionalities can be calculated. For example, the average score, the highest score, the lowest score, etc. of a subject are calculated according to different classes.
Finally, in step S2523, a graph is generated from the dimensional data and the display data to obtain a target graph, which specifically includes, with reference to fig. 6:
s2524, receiving a chart type selection instruction and obtaining a display type of the target chart;
s2525, receiving the chart attribute setting instruction and obtaining the chart attribute of the target chart;
s2526, the dimensional data and the display data are formatted and stored through the display type and the chart attribute, and a target chart is obtained.
The user may input a chart type selection instruction to select a display type of the target chart, for example, the display type may be a table, a line graph, a bar graph, a pie chart, or the like. The chart attribute of the target chart is set by inputting a chart attribute setting instruction, and for example, the chart attribute may be data, a color, control logic, a display rule, or the like of the chart. After all the parameters are set, the dimension data and the display data can be stored according to the set display type and the set chart attribute, so that the set target chart is obtained. In a specific example, when the target data set is a score table, the dimension data is a class and a subject, the display data is an average value of scores of different classes and different subjects, the display type is a histogram, and the chart attribute is default display, so that a corresponding target chart can be obtained.
After the target diagram is obtained, in step S253, the target diagram is bound to the corresponding component, so as to obtain data binding information. It can be understood that the number of the components may be multiple, and the corresponding target diagram may also be multiple, and the target diagram is bound to the corresponding component, so as to obtain the data binding information. When the billboard is displayed, a specific component can obtain a target chart required to be displayed according to the data binding information. By setting the positions and the sizes of the components and selecting the target diagram to be displayed, the target diagrams can be displayed at different positions of the billboard, so that the purpose of displaying the billboard is achieved.
The embodiment of the present application further provides a billboard layout configuration device, and with reference to fig. 7, the billboard layout configuration device includes:
the system comprises a blank billboard creating module, a display module and a display module, wherein the blank billboard creating module is used for receiving a billboard creating instruction and creating a blank billboard according to the billboard creating instruction;
the component creating module is used for receiving a component creating instruction and creating a component in the blank billboard according to the component creating instruction;
the component editing module is used for receiving the component editing instruction and adjusting the position and the size of the component according to the component editing instruction;
the component information acquisition module is used for acquiring component position information and component size information of the component; the component size information comprises a component width percentage and a component height percentage;
the billboard information acquisition module is used for acquiring the size information of the input billboard of the blank billboard; the billboard size information comprises a billboard width percentage and a billboard height percentage;
and the configuration information generation module is used for obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
The billboard layout configuration device of the present application is used for implementing the billboard layout configuration method in the above embodiments, and the specific process is the same as the billboard layout configuration method, and is not described here any more. The board layout configuration device in the embodiment of the application can create the blank signboard by receiving the signboard creation instruction, the component creation instruction and the component editing instruction sent by the user, create the component in the blank signboard and adjust the position and the size of the component, and then acquire the component position information and the component size information of the component in the signboard and acquire the signboard size information as the signboard configuration information. Because the component position information, the component size information and the billboard size information are all stored in percentage form, the layout of the components in the billboard cannot be changed due to the difference of the size and the resolution of the display screen of the terminal equipment. The display requirements of various terminal devices can be met only by once layout configuration of the billboard, so that the workload in the development process of the billboard is reduced, and the development period is shortened.
An embodiment of the present application further provides an electronic device, including:
at least one memory;
at least one processor;
at least one program;
the programs are stored in the memory, and the processor executes the at least one program to implement the kanban layout configuration method described above or the kanban display method described above in the present application. The electronic device can be any intelligent terminal including a mobile phone, a tablet computer, a Personal Digital Assistant (PDA for short), a vehicle-mounted computer and the like.
Referring to fig. 8, fig. 8 illustrates a hardware structure of an electronic device according to another embodiment, where the electronic device includes:
the processor may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an Application Specific Integrated Circuit (ASIC), or one or more Integrated circuits, and is configured to execute a related program to implement the technical solution provided in the embodiment of the present Application;
the Memory may be implemented in the form of a ROM (Read Only Memory), a static Memory device, a dynamic Memory device, or a RAM (Random Access Memory). The memory can store an operating system and other application programs, and when the technical solution provided by the embodiments of the present specification is implemented by software or firmware, the relevant program codes are stored in the memory and called by the processor to execute the kanban layout configuration method according to the embodiments of the present application;
the input/output interface is used for realizing information input and output;
the input/communication interface is used for realizing communication interaction between the equipment and other equipment, and can realize communication in a wired mode (such as USB, network cable and the like) and also can realize communication in a wireless mode (such as mobile network, WIFI, Bluetooth and the like);
a bus that transfers information between various components of the device (e.g., the processor, memory, input/output interfaces, and input/communication interfaces);
wherein the processor, the memory, the input/output interface and the input/communication interface are communicatively connected to each other within the device via a bus.
The embodiment of the present application further provides a storage medium, which is a computer-readable storage medium, where computer-executable instructions are stored in the computer-readable storage medium, and the computer-executable instructions are used to enable a computer to execute the above billboard layout configuration method or the above billboard display method.
The memory, which is a non-transitory computer readable storage medium, may be used to store non-transitory software programs as well as non-transitory computer executable programs. Further, the memory may include high speed random access memory, and may also include non-transitory memory, such as at least one disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory optionally includes memory located remotely from the processor, and these remote memories may be connected to the processor through a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The embodiments described in the embodiments of the present application are for more clearly illustrating the technical solutions of the embodiments of the present application, and do not constitute a limitation to the technical solutions provided in the embodiments of the present application, and it is obvious to those skilled in the art that the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems with the evolution of technology and the emergence of new application scenarios.
It will be appreciated by those skilled in the art that the embodiments shown in the figures are not intended to limit the embodiments of the present application and may include more or fewer steps than those shown, or some of the steps may be combined, or different steps may be included.
The above-described embodiments of the apparatus are merely illustrative, wherein the units illustrated as separate components may or may not be physically separate, i.e. may be located in one place, or may also be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment.
One of ordinary skill in the art will appreciate that all or some of the steps of the methods, systems, functional modules/units in the devices disclosed above may be implemented as software, firmware, hardware, and suitable combinations thereof.
It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
It should be understood that in the present application, "at least one" means one or more, "a plurality" means two or more. "and/or" for describing an association relationship of associated objects, indicating that there may be three relationships, e.g., "a and/or B" may indicate: only A, only B and both A and B are present, wherein A and B may be singular or plural. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship. "at least one of the following" or similar expressions refer to any combination of these items, including any combination of single item(s) or plural items. For example, at least one (one) of a, b, or c, may represent: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", wherein a, b, c may be single or plural.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit 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 may be substantially implemented or contributed to by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes multiple instructions for causing a computer device (which may be a personal computer, a server, or a network device) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing programs, such as a usb disk, a removable hard disk, a Read Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
The embodiments of the present application have been described in detail with reference to the drawings, but the present application is not limited to the embodiments, and various changes can be made within the knowledge of those skilled in the art without departing from the gist of the present application. Furthermore, the embodiments and features of the embodiments of the present application may be combined with each other without conflict.
Claims (10)
1. A kanban layout configuration method, the method comprising:
receiving a billboard creation instruction and creating a blank billboard according to the billboard creation instruction;
receiving a component creating instruction and creating a component in the blank billboard according to the component creating instruction;
receiving a component editing instruction and adjusting the position and the size of the component according to the component editing instruction;
acquiring component position information and component size information of the component; wherein the component location information comprises a first distance percentage and a second distance percentage, and the component size information comprises a component width percentage and a component height percentage;
acquiring the size information of the input signboard of the blank signboard; the billboard size information comprises billboard width percentage and billboard height percentage;
and obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
2. The method of claim 1, wherein the first percentage of distance is a percentage distance between the component and a left border of the blank billboard, and the second percentage of distance is a percentage distance between the component and an upper border of the blank billboard.
3. A billboard display method, the method comprising:
acquiring resolution information and billboard configuration information of a display billboard; the kanban configuration information is obtained by the kanban layout configuration method according to claim 1 or 2, and the kanban configuration information includes: component position information, component size information, and billboard size information;
obtaining the actual size information of the billboard according to the resolution information and the billboard size information;
obtaining actual position information of the component according to the actual size information of the billboard and the position information of the component;
obtaining actual size information of the component according to the actual size information of the billboard and the size information of the component;
acquiring data binding information corresponding to the component;
and displaying the signboard data according to the signboard actual size information, the component actual position information, the component actual size information and the data binding information.
4. The billboard display method of claim 3, wherein the obtaining of the data binding information corresponding to the component comprises:
acquiring a target data set from a target data source;
creating a target graph from the target dataset;
and binding the target diagram with the corresponding component to obtain the data binding information.
5. The kanban display method according to claim 4, wherein the obtaining of the target data set from the target data source comprises:
selecting a target data adapter according to the type of the target data source;
and acquiring the target data set from the target data source through the target data adapter.
6. The kanban display method according to claim 4, wherein the creating of the target graph from the target dataset comprises:
obtaining dimension data and index data according to the data type in the target data set;
calculating according to the index data to obtain display data;
generating a chart through the dimension data and the display data to obtain the target chart.
7. The kanban display method according to claim 6, wherein the generating a graph from the dimension data and the display data to obtain the target graph comprises:
receiving a chart type selection instruction and obtaining the display type of the target chart;
receiving a chart attribute setting instruction and obtaining the chart attribute of the target chart;
and formatting and storing the dimension data and the display data according to the display type and the chart attribute to obtain the target chart.
8. A sign layout arrangement, the arrangement comprising:
the system comprises a blank billboard creating module, a display module and a display module, wherein the blank billboard creating module is used for receiving a billboard creating instruction and creating a blank billboard according to the billboard creating instruction;
the component creating module is used for receiving a component creating instruction and creating a component in the blank billboard according to the component creating instruction;
the component editing module is used for receiving a component editing instruction and adjusting the position and the size of the component according to the component editing instruction;
the component information acquisition module is used for acquiring component position information and component size information of the component; wherein the component location information comprises a first distance percentage and a second distance percentage, and the component size information comprises a component width percentage and a component height percentage;
the billboard information acquisition module is used for acquiring the input billboard size information of the blank billboard; the billboard size information comprises billboard width percentage and billboard height percentage;
and the configuration information generation module is used for obtaining the billboard configuration information according to the component position information, the component size information and the billboard size information.
9. An electronic device, comprising:
at least one memory;
at least one processor;
at least one program;
the programs are stored in the memory, and the processor executes the at least one program to implement:
the kanban layout configuration method according to claim 1 or 2;
or a billboard display method according to any of claims 3 to 7.
10. A storage medium that is a computer-readable storage medium having stored thereon computer-executable instructions for causing a computer to perform:
the kanban layout configuration method according to claim 1 or 2;
or a billboard display method according to any of claims 3 to 7.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210426731.7A CN114816632A (en) | 2022-04-22 | 2022-04-22 | Billboard layout configuration method and device, billboard display method, device and medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210426731.7A CN114816632A (en) | 2022-04-22 | 2022-04-22 | Billboard layout configuration method and device, billboard display method, device and medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114816632A true CN114816632A (en) | 2022-07-29 |
Family
ID=82506545
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210426731.7A Pending CN114816632A (en) | 2022-04-22 | 2022-04-22 | Billboard layout configuration method and device, billboard display method, device and medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114816632A (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103823620A (en) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | Screen adaption method and device |
CN111190597A (en) * | 2019-12-27 | 2020-05-22 | 天津浪淘科技股份有限公司 | Data UE visual design system |
CN111221897A (en) * | 2019-11-18 | 2020-06-02 | 上海维谛信息科技有限公司 | Visual view display method and device |
CN113867305A (en) * | 2021-10-27 | 2021-12-31 | 北京计算机技术及应用研究所 | Multi-source data acquisition system for automatic machine production line |
CN113971176A (en) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | Method and storage medium for generating visual billboard according to personalized demand of industrial user |
-
2022
- 2022-04-22 CN CN202210426731.7A patent/CN114816632A/en active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103823620A (en) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | Screen adaption method and device |
CN111221897A (en) * | 2019-11-18 | 2020-06-02 | 上海维谛信息科技有限公司 | Visual view display method and device |
CN111190597A (en) * | 2019-12-27 | 2020-05-22 | 天津浪淘科技股份有限公司 | Data UE visual design system |
CN113867305A (en) * | 2021-10-27 | 2021-12-31 | 北京计算机技术及应用研究所 | Multi-source data acquisition system for automatic machine production line |
CN113971176A (en) * | 2021-10-28 | 2022-01-25 | 重庆允成互联网科技有限公司 | Method and storage medium for generating visual billboard according to personalized demand of industrial user |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114443992A (en) | Data visualization display method and device, electronic equipment and storage medium | |
DE202013012486U1 (en) | User interface for orienting a camera view towards surfaces within a 3-D map and facilities that incorporate the user interface | |
US8743134B2 (en) | Interactive comparative analysis of multiple object data visualizations | |
CN115081414A (en) | Spreadsheet generation method, device, equipment and medium based on data model | |
CN111767492B (en) | Picture loading method and device, computer equipment and storage medium | |
CN111694994A (en) | Information processing method and device | |
CN106535002B (en) | Desktop starter template layout updating method and device | |
CN103678403A (en) | Waterfall chart combined user interface | |
CN110689608B (en) | Three-dimensional display method and system for digital power grid | |
CN114816632A (en) | Billboard layout configuration method and device, billboard display method, device and medium | |
CN109471935B (en) | Questionnaire survey object determining method and device, electronic equipment and storage medium | |
CN113010582A (en) | Data processing method and device, computer readable medium and electronic equipment | |
CN110851568A (en) | Commodity information processing method, terminal device and computer-readable storage medium | |
CN112579664A (en) | Processing method and device for chart linkage | |
JP6186754B2 (en) | Screen expression evaluation apparatus, screen expression evaluation method, and program | |
CN109189524A (en) | Image resource generation method and device | |
CN115545791A (en) | Guest group portrait generation method and device, electronic equipment and storage medium | |
CN114969031A (en) | Visual data display method and related device | |
CN109493401B (en) | PowerPoint generation method, device and electronic equipment | |
US20180012383A1 (en) | Display information generation system, method, and computer program product | |
CN110851521B (en) | Method, device and storage medium for data visualization | |
US20200167838A1 (en) | Plausibility-based validation of product costing structures | |
CN112527298B (en) | Military software management data display method and system based on genotype spectrum | |
CN116451637B (en) | Circuit diagram fusion loading method and device, equipment and storage medium | |
US20230119741A1 (en) | Picture annotation method, apparatus, electronic device, 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 |