CN115357696A - Dynamic chart billboard display method based on components and related equipment - Google Patents
Dynamic chart billboard display method based on components and related equipment Download PDFInfo
- Publication number
- CN115357696A CN115357696A CN202210963054.2A CN202210963054A CN115357696A CN 115357696 A CN115357696 A CN 115357696A CN 202210963054 A CN202210963054 A CN 202210963054A CN 115357696 A CN115357696 A CN 115357696A
- Authority
- CN
- China
- Prior art keywords
- component
- index
- chart
- target
- billboard
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/33—Querying
- G06F16/332—Query formulation
- G06F16/3322—Query formulation using system suggestions
- G06F16/3323—Query formulation using system suggestions using document space presentation or visualization, e.g. category, hierarchy or range presentation and selection
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/33—Querying
- G06F16/332—Query formulation
- G06F16/3329—Natural language query formulation or dialogue systems
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/33—Querying
- G06F16/338—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Artificial Intelligence (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
According to the dynamic diagram billboard display method and the related equipment based on the components, the target index is obtained, the index set related to the target index is determined according to the diagram attribute of the target index, the diagram type to be displayed of the target index is determined according to the application scene, the related components are selected from the component set corresponding to the index set according to the diagram type, and the target index is displayed on the billboard through the related components. The method for displaying the dynamic chart board has the advantages that chart display is achieved by configuring the dynamic components, the reuse rate of the components is effectively improved, meanwhile, the chart display can be self-adaptive according to different application scenes, the dynamic chart board display method is wide in application range, flexible adjustment can be achieved according to business requirements, a large amount of repeated development work is avoided, and development workload of developers is reduced.
Description
Technical Field
The application relates to the technical field of data display, in particular to a dynamic chart billboard display method based on components and related equipment.
Background
Data visualization is one of the most popular research fields of big data analysis, and is a process for researching how to utilize visual elements such as charts, graphs and maps to display information implicit in data and discover rules contained in the data. Visualization of data analysis results can help people to extract knowledge from information and harvest value from knowledge.
At present, static display methods are mostly adopted for displaying charts. The data can be displayed by dragging the corresponding component and linking the data source, which is simple and convenient, but if the displayed data type, chart type or background display color, logo and the like are changed, a large amount of manpower is needed to maintain the static display boards, adaptive display pages need to be redeveloped for different users or different application scenes, and a large amount of repeated development work is brought to developers.
Disclosure of Invention
In view of the above, an object of the present application is to provide a method and related device for displaying a dynamic chart billboard based on a component, so as to implement automatic generation of the dynamic chart billboard, enable the billboard to adapt to different application scenarios without additional development work, and improve the reuse rate of the billboard component.
A first aspect of the present application provides a method for displaying a dynamic chart billboard based on a component, including:
acquiring a target index;
determining an index set associated with the target index according to the chart attribute of the target index, wherein the index set is pre-constructed according to the chart attribute of the historical index;
acquiring an application scene of the target index to be displayed, and determining the type of a chart of the target index to be displayed according to the application scene;
selecting a related component from a component set corresponding to the index set according to the graph type, wherein the component set is constructed in advance;
and displaying the target index on a billboard of the application scene by utilizing the association component.
Optionally, the index set is pre-constructed according to a chart attribute of a historical index, and includes:
acquiring all chart attributes of the historical index;
and classifying all the chart attributes, and dividing the historical indexes according to classification results to obtain a plurality of index sets.
Optionally, the component set is pre-constructed, and includes:
and selecting and combining corresponding components and/or component combinations from a pre-constructed component library according to the chart attribute corresponding to each index set in the index sets to serve as the component set corresponding to the index set, wherein each component or component combination in the component library is pre-developed.
Optionally, the component set includes a single component and a component combination, and selecting an associated component from the component set corresponding to the index set according to the chart type includes:
and selecting a single component or a component combination corresponding to the chart type from the component set according to the chart type.
Optionally, the displaying the target indicator on the billboard of the application scene by using the association component includes:
and determining the width ratio of the associated component in the billboard according to the application scene, and displaying the target index according to the width ratio.
Optionally, the displaying the target index according to the width occupation ratio includes:
responding to the fact that the associated component is the single component, and displaying the target index according to the width of the single component in the billboard;
in response to the association component being the combined component, the target indicator is presented according to the width ratio of the combined component in the billboard and the ratio coefficient of each of the combined components.
Optionally, the application scenario at least includes a large screen display end, a PC end, and a mobile end.
A second aspect of the present application provides a dynamic chart billboard display apparatus of an assembly comprising:
an index acquisition module configured to acquire a target index;
the index set determining module is configured to determine an index set associated with the target index according to the graph attribute of the target index, wherein the index set is constructed in advance according to the graph attribute of the historical index;
the chart type determining module is configured to acquire an application scene of the target index to be displayed and determine the chart type of the target index to be displayed according to the application scene;
the component selection module is configured to select related components from a component set corresponding to the index set according to the chart type, wherein the component set is constructed in advance;
a presentation module configured to present the target indicator on a billboard of the application scene using the association component.
A third aspect of the application provides an electronic device comprising a memory, a processor and a computer program stored on the memory and executable by the processor, the processor implementing the method as described above when executing the computer program.
A fourth aspect of the present application provides a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method as described above.
As can be seen from the above, the method and the related device for displaying the dynamic graph billboard based on the components provided by the application obtain the target index, determine the index set associated with the target index according to the graph attribute of the target index, determine the graph type to be displayed of the target index according to the application scenario, select the associated component from the component set corresponding to the index set according to the graph type, and display the target index on the billboard by using the associated component. The dynamic chart billboard display method is wide in application range, can be flexibly adjusted according to business requirements, avoids a large amount of repeated development work, and reduces the development workload of developers.
Drawings
In order to more clearly illustrate the technical solutions in the present application or the related art, the drawings needed to be used in the description of the embodiments or the related art will be briefly introduced below, and it is obvious that the drawings in the following description are only embodiments of the present application, and it is obvious for those skilled in the art that other drawings can be obtained according to these drawings without creative efforts.
FIG. 1 is a schematic flow chart diagram illustrating a method for displaying a dynamic chart bulletin board based on components according to an embodiment of the present disclosure;
FIG. 2 is a schematic flowchart of an index set construction method according to an embodiment of the present application;
FIG. 3 is a schematic structural diagram of a component-based dynamic chart billboard display apparatus in accordance with an embodiment of the present application;
fig. 4 is a schematic structural 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 further described in detail below with reference to the accompanying drawings in combination with specific embodiments.
It should be noted that technical terms or scientific terms used in the embodiments of the present application should have a general meaning as understood by those having ordinary skill in the art to which the present application belongs, unless otherwise defined. The use of "first," "second," and similar terms in the embodiments of the present application do not denote any order, quantity, or importance, but rather the terms are used to distinguish one element from another. The word "comprising" or "comprises", and the like, means that the element or item preceding the word comprises the element or item listed after the word and its equivalent, but does not exclude other elements or items. The terms "connected" or "coupled" and the like are not restricted to physical or mechanical connections, but may include electrical connections, whether direct or indirect. "upper", "lower", "left", "right", and the like are used only to indicate relative positional relationships, and when the absolute position of the object being described is changed, the relative positional relationships may also be changed accordingly.
As described in the background art, currently, a static page is usually used for displaying data, a chart in the static page is fixed, displayed indexes are also fixed, and after new indexes or chart types are added and changed, developers are required to manually modify the chart displayed on the static page, thereby bringing a large amount of page maintenance workload.
In view of this, the present application provides a dynamic chart billboard display method based on components, which can display a chart through a dynamic configuration component, flexibly adjust a billboard display page according to business requirements, and improve the reuse rate of the components.
Embodiments of the present application are described in detail below with reference to the accompanying drawings.
The application provides a dynamic chart billboard display method based on components, which comprises the following steps with reference to fig. 1:
and 102, acquiring a target index. The target indexes can be set by a user according to business requirements, one target index or a plurality of target indexes can be set, when a plurality of target indexes exist, the plurality of target indexes can be displayed in the form of an index tree, and parent-child relations among the target indexes can be clearly seen in the index tree, so that a logical basis is provided for the display of the subsequent target indexes on the page.
And 104, determining an index set associated with the target index according to the chart attribute of the target index, wherein the index set is pre-constructed according to the chart attribute of the historical index.
Specifically, the chart attribute represents all chart types for showing a certain target index, such as a bar chart, a line chart, a pie chart, or the like. Each target index may correspond to a different chart type, which may be displayed by a bar chart, a line chart, or a different bar chart, and the like. The index set is constructed in advance, the index set corresponds to the graph attributes, when the graph attributes of the target indexes are determined, the target indexes can be divided into corresponding index sets according to the graph attributes, and the target indexes inherit all components or component combinations corresponding to the index sets.
And 106, acquiring an application scene to be displayed of the target index, and determining the type of the chart to be displayed of the target index according to the application scene.
Specifically, when the application scenes are different, the page display layout may also change, and it can be understood that when the page is displayed on a large screen, each line may display more charts, and when the page is displayed on the mobile terminal, only one chart may be displayed on each line of the page on the mobile terminal due to the limitation of the size of the screen on the mobile terminal. The types of charts may also vary when the number of charts presented per row is different. Due to the fact that the sizes of different application scenes are different, each target index can be displayed by adopting different chart types, for example, in one row of a large screen end, the target indexes can be displayed in different dimensions by adopting 3 charts, and in one row of a mobile end, the target indexes can be displayed only by reflecting one chart in a single dimension. Therefore, before the target index is displayed, an application scene of the target index display needs to be determined, and the type of the chart to be displayed of the target index is determined according to the application scene.
And 108, selecting related components from the component set corresponding to the index set according to the chart type, wherein the component set is constructed in advance.
Specifically, the index set corresponds to the component set one by one, the index set is determined, the target index inherits the corresponding component set, and the associated component is selected from the component set according to the chart type of the target index to display the target index. Therefore, the component set for displaying the target index can be quickly positioned, the selection range is narrowed, and the selection of the associated components is completed.
And 110, displaying the target index on a billboard of the application scene by using the association component.
After the associated component is determined, the target index can be displayed in a mode of configuring the component, if the target index needs to change the characteristics of displaying background color or font color and the like, the modification can be completed only by reading the configuration file of the target index through the associated component, the adjustment mode is flexible and convenient, and the component reuse rate is high.
Based on the above steps 102 to 110, it can be seen that the chart is displayed by configuring the dynamic component in the embodiment, the application range is wide, the reuse rate of the component is effectively improved, flexible adjustment can be performed according to business requirements, a large amount of repeated development work is avoided, and the development workload of developers is reduced.
In some embodiments, the index set is pre-constructed according to chart attributes of historical indexes, and with reference to fig. 2, the method includes the following steps:
and 202, acquiring all chart attributes of the historical indexes.
And 204, classifying all the chart attributes, and dividing the historical indexes according to the classification result to obtain a plurality of index sets.
Specifically, according to the obtained historical indexes, chart attributes of all the historical indexes are sorted, chart attributes with the same or similar chart attributes are classified into one type, the historical indexes corresponding to the chart attributes of the same type are divided into one index set, and then a plurality of index sets are obtained, wherein all the indexes in each index set correspond to the same chart attributes. Therefore, the historical indexes are classified according to the chart attributes, when new indexes are added, the index set associated with the newly added indexes can be quickly found according to the chart attributes, and the method is favorable for selecting associated components subsequently to display the target indexes.
In some embodiments, the set of components is pre-constructed, including:
and selecting and combining corresponding components and/or component combinations from a pre-constructed component library according to the chart attribute corresponding to each index set in the index sets to serve as the component set corresponding to the index set, wherein each component or component combination in the component library is pre-developed.
Specifically, after a plurality of index sets are determined, a correlation component needs to be assigned to each index set. The related components are stored in a component library, each component in the component library is a code program developed by a developer according to a common function, the component is developed in advance, the amount of repeatedly written codes can be reduced, and the code reuse rate is improved. And selecting the associated components corresponding to each index in the index set, and obtaining the component set corresponding to the index set after de-duplication and combination.
In some embodiments, the component set includes a single component and a component combination, and the selecting an associated component from the component set corresponding to the index set according to the graph type includes:
and selecting a single component or a component combination corresponding to the chart type from the component set according to the chart type.
Specifically, the components in the component set include two types, one type is a single component, and the other type is a combined component, and the single component may correspond to a chart type having a single chart form, for example, the single component corresponds to a column chart; the combined component can correspond to chart types with various chart forms, for example, multiple components correspond to a column chart, a scatter diagram and the like, and target indexes can be displayed in multiple dimensions through the combined component. The development personnel combine the components which are often used together in advance and pack the components into component combinations, so that the users can conveniently display the related target indexes.
It should be noted that each graph type corresponds to a single component or a component combination, for example, the same target index, the graph type when being displayed on a large screen includes three forms of graphs, the display needs to be completed by using a component combination, the component combination includes three components, and each component is used for displaying one form of graphs; the chart type when displayed at the PC end comprises two forms of charts, and the display is completed by using component combination which comprises two components; when the chart type displayed at the mobile terminal comprises a chart in one form, the target index can be displayed only by a single component.
In some embodiments, the presenting the target indicator on a billboard of the application scene with the association component includes:
and determining the width ratio of the association component in the billboard according to the application scene, and displaying the target index according to the width ratio.
In the embodiment, a Bootstrap-Web framework is adopted to develop the display page, one line of the display page is defined to comprise 24 grids, and after the 24 grids are exceeded, the next line is automatically switched to display.
For an application scenario, the number of grids of each graph type in the application scenario is defined. In other application scenarios, the number of grids occupied by the chart type can be obtained according to coefficient conversion. For example, a graph occupies 6 grids on a large screen, 12 grids on a PC side, and 24 grids on a mobile side, and a conversion factor exists between different application scenes. Thus, automatic switching of the chart under different application scenes is realized. The method and the device can avoid the situation that developers set for each application scene, reduce the workload of the developers, and improve the adaptivity of the display page. The correlation component corresponds to the chart type, and after the application scenario and the chart type of the target index are determined, the width ratio of the chart type or the correlation component in the billboard can be determined, for example, if the width ratio of a certain chart type is specified to be 8 grids, the chart type corresponding to the target index occupies 1/3 of the rows of the display page.
In some embodiments, the displaying the target indicator according to the width proportion includes:
responding to the fact that the associated component is the single component, and displaying the target index according to the width of the single component in the billboard;
and in response to the association component being the combined component, displaying the target index according to the width ratio of the combined component in the billboard and the ratio coefficient of each of the combined components.
Specifically, when the associated component corresponding to the chart type is a single component, the display is performed only according to the width ratio of the single component, for example, the width ratio of the single component is 8 grids, and the chart type display corresponding to the target index occupies 1/3 of the rows. When the associated component corresponding to the graph type is a composite component, it is necessary to determine a proportion coefficient of each component in the composite component in advance, for example, the composite component includes two components, and the proportion coefficient of the two components is 1:3, if a combined component occupies 8 grids, two components in the combined component occupy 2 grids and 6 grids, respectively. When the target index is displayed, if the target index is a combined component, the width ratio of each component in the combined component needs to be considered, and then the target index is displayed.
In some embodiments, the application scenario includes at least a large screen display side, a PC side, and a mobile side. The application scenarios in this embodiment are only exemplary, and in other embodiments, a person skilled in the art can adaptively apply the dynamic chart bulletin board display method to other application scenarios on the basis of this application, which are all within the protection scope of this application.
It should be noted that the method of the embodiment of the present application may be executed by a single device, such as a computer or a server. The method of the embodiment can also be applied to a distributed scene and is completed by the mutual cooperation of a plurality of devices. In this distributed scenario, one device of the multiple devices may only perform one or more steps of the method of the embodiment of the present application, and the multiple devices interact with each other to complete the method.
It should be noted that the above describes some embodiments of the present application. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments described above and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
The application also provides a dynamic chart billboard display device based on the component.
Referring to fig. 3, the component-based dynamic chart billboard presentation apparatus comprises:
an index obtaining module 302 configured to obtain a target index;
an index set determining module 304, configured to determine an index set associated with the target index according to the graph attribute of the target index, where the index set is pre-constructed according to the graph attribute of the historical index;
a chart type determining module 306, configured to obtain an application scenario to be displayed of the target indicator, and determine a chart type to be displayed of the target indicator according to the application scenario;
a component selection module 308 configured to select a related component from a component set corresponding to the index set according to the chart type, wherein the component set is pre-constructed;
a presentation module 310 configured to present the target metrics on a billboard of the application scene using the association component.
In some embodiments, the index set is pre-constructed according to chart attributes of historical indexes, including:
acquiring all chart attributes of the historical index;
and classifying all the chart attributes, and dividing the historical indexes according to classification results to obtain a plurality of index sets.
In some embodiments, the set of components is pre-constructed, including:
and selecting and combining corresponding components and/or component combinations from a pre-constructed component library according to the chart attribute corresponding to each index set in the index sets to serve as the component set corresponding to the index set, wherein each component or component combination in the component library is pre-developed.
In some embodiments, the component set includes single components and component combinations, the component selection module 308 is further configured to,
and selecting a single component or a component combination corresponding to the chart type from the component set according to the chart type.
In some embodiments, the display module 310 is further configured to determine a width ratio of the associated component in the billboard according to the application scenario, and display the target index according to the width ratio.
In some embodiments, the display module 310 is further configured to, in response to the association component being the single component, display the target indicator according to a width of the single component in a billboard;
and in response to the association component being the combined component, displaying the target index according to the width ratio of the combined component in the billboard and the ratio coefficient of each of the combined components.
In some embodiments, the application scenario includes at least a large screen display side, a PC side, and a mobile side.
For convenience of description, the above devices are described as being divided into various modules by functions, and are described separately. Of course, the functionality of the various modules may be implemented in the same one or more software and/or hardware implementations as the present application.
The device of the above embodiment is used to implement the corresponding method for displaying the dynamic chart billboard based on the component in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiment, which are not described herein again.
The application also provides an electronic device, which comprises a memory, a processor and a computer program which is stored on the memory and can run on the processor, wherein when the processor executes the program, the dynamic chart billboard display method based on the component is realized in any embodiment.
Fig. 4 is a schematic diagram illustrating a more specific hardware structure of an electronic device according to this embodiment, where the electronic device may include: a processor 1010, a memory 1020, an input/output interface 1030, a communication interface 1040, and a bus 1050. Wherein the processor 1010, memory 1020, input/output interface 1030, and communication interface 1040 are communicatively coupled to each other within the device via a bus 1050.
The processor 1010 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 related programs to implement the technical solutions provided in the embodiments of the present disclosure.
The Memory 1020 may be implemented in the form of a ROM (Read Only Memory), a RAM (Random Access Memory), a static Memory device, a dynamic Memory device, or the like. The memory 1020 may 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 1020 and called to be executed by the processor 1010.
The input/output interface 1030 is used for connecting an input/output module to input and output information. The i/o module may be configured as a component in a device (not shown) or may be external to the device to provide a corresponding function. The input devices may include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output devices may include a display, a speaker, a vibrator, an indicator light, etc.
The communication interface 1040 is used for connecting a communication module (not shown in the drawings) to implement communication interaction between the present device and other devices. The communication module 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).
The bus 1050 includes a path to transfer information between various components of the device, such as the processor 1010, memory 1020, input/output interface 1030, and communication interface 1040.
It should be noted that although the above-mentioned device only shows the processor 1010, the memory 1020, the input/output interface 1030, the communication interface 1040 and the bus 1050, in a specific implementation, the device may also include other components necessary for normal operation. In addition, those skilled in the art will appreciate that the above-described apparatus may also include only the components necessary to implement the embodiments of the present disclosure, and need not include all of the components shown in the figures.
The electronic device of the above embodiment is used to implement the corresponding method for displaying the dynamic chart billboard based on the component in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiment, which are not described herein again.
The present application further provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the method for component-based dynamic slate presentation of any of the above embodiments.
Computer-readable media of the present embodiments, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
The computer instructions stored in the storage medium of the above embodiment are used to enable the computer to execute the method for displaying a dynamic chart billboard based on a component according to any of the above embodiments, and have the beneficial effects of corresponding method embodiments, which are not described herein again.
Those of ordinary skill in the art will understand that: the discussion of any embodiment above is meant to be exemplary only, and is not intended to intimate that the scope of the disclosure, including the claims, is limited to these examples; within the context of the present application, features from the above embodiments or from different embodiments may also be combined, steps may be implemented in any order, and there are many other variations of the different aspects of the embodiments of the present application as described above, which are not provided in detail for the sake of brevity.
In addition, well-known power/ground connections to Integrated Circuit (IC) chips and other components may or may not be shown within the provided figures for simplicity of illustration and discussion, and so as not to obscure the embodiments of the application. Furthermore, devices may be shown in block diagram form in order to avoid obscuring embodiments of the application, and this also takes into account the fact that specifics with respect to implementation of such block diagram devices are highly dependent upon the platform within which the embodiments of the application are to be implemented (i.e., specifics should be well within purview of one skilled in the art). Where specific details (e.g., circuits) are set forth in order to describe example embodiments of the application, it should be apparent to one skilled in the art that the embodiments of the application can be practiced without, or with variation of, these specific details. Accordingly, the description is to be regarded as illustrative instead of restrictive.
While the present application has been described in conjunction with specific embodiments thereof, many alternatives, modifications, and variations of these embodiments will be apparent to those of ordinary skill in the art in light of the foregoing description. For example, other memory architectures, such as Dynamic RAM (DRAM), may use the discussed embodiments.
The present embodiments are intended to embrace all such alternatives, modifications and variances which fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalents, improvements, and the like that may be made without departing from the spirit or scope of the embodiments of the present application are intended to be included within the scope of the claims.
Claims (10)
1. A dynamic chart billboard display method based on components is characterized by comprising the following steps:
acquiring a target index;
determining an index set associated with the target index according to the chart attribute of the target index, wherein the index set is pre-constructed according to the chart attribute of the historical index;
acquiring an application scene of the target index to be displayed, and determining the type of a chart of the target index to be displayed according to the application scene;
selecting a related component from a component set corresponding to the index set according to the graph type, wherein the component set is constructed in advance;
and displaying the target index on a billboard of the application scene by utilizing the association component.
2. The method of claim 1, wherein the set of metrics is pre-constructed from graph attributes of historical metrics, comprising:
acquiring all chart attributes of the historical index;
and classifying all the chart attributes, and dividing the historical indexes according to classification results to obtain a plurality of index sets.
3. The method of claim 2, wherein the set of components is pre-constructed, comprising:
and selecting and combining corresponding components and/or component combinations from a pre-constructed component library according to the chart attribute corresponding to each index set in the index sets to serve as the component set corresponding to the index set, wherein each component or component combination in the component library is pre-developed.
4. The method according to claim 1, wherein the component set comprises a single component and a component combination, and the selecting an associated component from the component set corresponding to the index set according to the chart type comprises:
and selecting a single component or a component combination corresponding to the chart type from the component set according to the chart type.
5. The method of claim 4, wherein the exposing the target metrics on a billboard of the application scenario using the association component comprises:
and determining the width ratio of the associated component in the billboard according to the application scene, and displaying the target index according to the width ratio.
6. The method of claim 5, wherein the displaying the target indicator according to the width fraction comprises:
responding to the fact that the associated component is the single component, and displaying the target index according to the width of the single component in the billboard;
and in response to the association component being the combined component, displaying the target index according to the width ratio of the combined component in the billboard and the ratio coefficient of each of the combined components.
7. The method according to any one of claims 1-6, wherein the application scenario comprises at least a large screen display side, a PC side and a mobile side.
8. A dynamic chart billboard display apparatus based on components, comprising:
an index acquisition module configured to acquire a target index;
the index set determining module is configured to determine an index set associated with the target index according to the graph attribute of the target index, wherein the index set is constructed in advance according to the graph attribute of the historical index;
the chart type determining module is configured to acquire an application scene of the target index to be displayed and determine the chart type of the target index to be displayed according to the application scene;
the component selection module is configured to select related components from a component set corresponding to the index set according to the chart type, wherein the component set is constructed in advance;
a presentation module configured to present the target metrics on a billboard of the application scene using the association component.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1 to 7 when executing the program.
10. A non-transitory computer readable storage medium storing computer instructions for causing a computer to perform the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210963054.2A CN115357696A (en) | 2022-08-11 | 2022-08-11 | Dynamic chart billboard display method based on components and related equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210963054.2A CN115357696A (en) | 2022-08-11 | 2022-08-11 | Dynamic chart billboard display method based on components and related equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115357696A true CN115357696A (en) | 2022-11-18 |
Family
ID=84033348
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210963054.2A Pending CN115357696A (en) | 2022-08-11 | 2022-08-11 | Dynamic chart billboard display method based on components and related equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115357696A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116301871A (en) * | 2023-05-23 | 2023-06-23 | 南京海泰医疗信息系统有限公司 | Method and system for developing functional page by adopting index legend |
-
2022
- 2022-08-11 CN CN202210963054.2A patent/CN115357696A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116301871A (en) * | 2023-05-23 | 2023-06-23 | 南京海泰医疗信息系统有限公司 | Method and system for developing functional page by adopting index legend |
| CN116301871B (en) * | 2023-05-23 | 2023-08-08 | 南京海泰医疗信息系统有限公司 | Method and system for developing functional page by adopting index legend |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111552473B (en) | Application processing method, device and equipment | |
| CN109697066B (en) | Method and system for realizing data sheet splicing and automatically training machine learning model | |
| US10162860B2 (en) | Selectivity estimation for query execution planning in a database | |
| CN108549532A (en) | Webpage construction method, device, electronic equipment and storage medium | |
| CN111126019B (en) | Report generation method and device based on mode customization and electronic equipment | |
| US20140164895A1 (en) | Systems and methods for managing spreadsheet models | |
| US20110138236A1 (en) | Apparatus and method for providing visual interface for information of error generated in multithread testing | |
| CN112214210A (en) | Logistics business rule engine and configuration method, device, equipment and storage medium thereof | |
| CN112233009A (en) | Picture rendering method, device, equipment and storage medium | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| CN111190519A (en) | File and control processing method, device, equipment and storage medium thereof | |
| CN115357696A (en) | Dynamic chart billboard display method based on components and related equipment | |
| CN109358919B (en) | Dynamic configuration method and device for universal page, computer equipment and storage medium | |
| CN110990006A (en) | Form management system and form generation device | |
| US9230022B1 (en) | Customizable result sets for application program interfaces | |
| CN115018975A (en) | Data set generation method and device, electronic equipment and storage medium | |
| CN115129199A (en) | Information display method and device, electronic equipment, storage medium and program product | |
| CN115170695A (en) | Method and device for generating chart picture, electronic equipment and storage medium | |
| CN113778412A (en) | Data resource arranging method and device, computer equipment and readable storage medium | |
| CN112487773A (en) | Report generation method, device, equipment and storage medium | |
| CN112560413A (en) | Report form expansion method, device and equipment based on configuration mode | |
| CN111177609A (en) | Processing method and device for displaying three-dimensional data table in page and electronic equipment | |
| CN108073594B (en) | Method and device for generating thermodynamic diagram | |
| CN114237600B (en) | Method, device, equipment and storage medium for generating code of front page | |
| CN107608947A (en) | Html file processing method and processing device, electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |