Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method for configuring chart in visualized large screen in modularized manner

A componentization and charting technology, applied in the field of chart display, can solve problems such as low maintainability, inconvenient integration, and high code coupling, so as to improve reusability and flexibility, reduce code coupling, and improve code development efficiency Effect

Pending Publication Date: 2019-12-03
SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
View PDF3 Cites 4 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

For developers, the traditional front-end architecture method has low maintainability, low development efficiency, and inconvenient integration
[0004] At present, the way to develop charts is only to develop step by step according to the design diagram, which makes the development process take a long time, the code coupling is too high, and it is difficult to quickly maintain between different developers

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for configuring chart in visualized large screen in modularized manner

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0033] combined with figure 1 , this embodiment proposes a method for componentized chart preparation in a large visual screen, which is based on the custom component library of the progressive framework Vue,

[0034] S10. Create a container for building a custom chart component instance, and the custom chart component is configured with common basic configuration item parameters required by the chart;

[0035] S20. Create a file for displaying a large visual screen, and the file refers to a custom chart component in the container;

[0036] S30. After successfully referencing the custom chart component, a preview effect of the custom chart is displayed on the large visualization screen.

[0037] In step S10 of this embodiment, when creating a container,

[0038] First create a vue-cli project,

[0039] Then create a chart folder under the custom component library, and there are related files of corresponding configuration items under the chart folder.

[0040] Then create ...

Embodiment 2

[0050] combined with figure 1 , this embodiment proposes a method for componentized chart preparation in a large visual screen, which is based on the custom component library of the progressive framework Vue,

[0051] S10. Create a container for building a custom chart component instance, and the custom chart component is configured with common basic configuration item parameters required by the chart;

[0052] S20. Create a file for displaying a large visual screen, and the file refers to a custom chart component in the container;

[0053] S30. After successfully referencing the custom chart component, a preview effect of the custom chart is displayed on the large visualization screen.

[0054] In step S10 of this embodiment, when creating a container,

[0055] First create a vue-cli project,

[0056] Then create a chart folder under the custom component library, and there are related files of corresponding configuration items under the chart folder.

[0057] Then create ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method for configuring a chart in a modularized manner in a visual large screen, and relates to the technical field of chart display. An existing chart development mode is only developed on duty according to a design drawing. The problems of long time consumption and too high code coupling degree in the development process and difficulty in rapid maintenance among different developers are solved; according to the technical scheme, the custom component library based on the progressive framework Vue is adopted, the custom chart component is stored by creating the container, the custom chart component in the container is quoted by creating the file used for displaying the large visual screen, and when quoting succeeds, the preview effect of the custom chart can be displayed on the large visual screen. By flexibly reusing the custom chart components, the effects of improving the development efficiency and reducing the code coupling degree can be achieved.

Description

technical field [0001] The invention relates to the technical field of chart display, in particular to a method for componentizing a chart in a large visual screen. Background technique [0002] On the one hand, with the continuous development of the Internet, various companies have multiple products and multiple businesses, and the amount of program code will also increase accordingly. At this time, the choice of project architecture is particularly important. The project will also encounter many problems, such as: the division of business modules of the project is not clear, the development efficiency is low; the high degree of coupling leads to high operation and maintenance costs, and so on. [0003] On the other hand, with the development of front-end technology, the componentized development method is favored by developers. For developers, the traditional front-end architecture method has low maintainability, low development efficiency, and inconvenient integration. ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F8/34G06F8/38
CPCG06F8/34G06F8/38
Inventor 陶雅楠
Owner SHANDONG LANGCHAO YUNTOU INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products