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

Method for expanding echarts into html standard component

A technology of standard components and components, applied in software design, software engineering design, instruments, etc., can solve the problems that have not been tried before, and achieve the effect of improving development efficiency, clear division of responsibilities, and reducing development difficulty

Active Publication Date: 2021-02-26
西安西热电站信息技术有限公司
View PDF9 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

How to use echarts through the WebComponents standard has not been tried yet

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 expanding echarts into html standard component
  • Method for expanding echarts into html standard component
  • Method for expanding echarts into html standard component

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0022] The present invention is described in detail below in conjunction with accompanying drawing.

[0023] A method to extend echarts to html standard components, its core is to classify the main components of echarts, and create corresponding html components through these main components through the standard of Web Components, and create a chart by writing an html component tree , the specific steps are:

[0024] (1) Divide the components in echarts into three categories: the first category is root component 1, which is the root of the entire chart; the second category is collection component 2, including yAxis and series; the third category is specific component 3, including title, legend, line; root component 1 can contain both collection component 2 and specific component 3; collection component 2 can contain multiple specific components 3; for each component, a corresponding html component and mapping relationship will be established; in html The corresponding configur...

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

A method for expanding echarts into a html standard component comprises the following steps that components in the echarts are divided into three classes, for each component, a corresponding html component and a mapping relation are established through a Web Component standard, and a corresponding configuration method and default configuration of the component are achieved in the html component; an html component tree is compiled, configuration items of internal components of the component tree are received by using a message bus, and an echarts chart is generated through the configuration items in the group; according to the method, the echarts chart is directly created, so that the development difficulty of the echarts chart is reduced, related JavaScript knowledge is not needed, the chart style designed according to an art design does not need to be converted into tedious JavaScript codes one by one, the design of a user can be accurately shown, responsibility division is clearer, and the development efficiency is improved.

Description

technical field [0001] The invention belongs to the technical field of computer web development, and in particular relates to a method for extending echarts into an html standard component. Background technique [0002] In the era of big data, data analysis has become an indispensable link in the production and operation of enterprises. Charts are the most important way to present the results of data analysis. echarts is an open source chart component, which is loved by developers for its beauty and powerful functions. Using echarts requires certain knowledge of JavaScript, which requires developers to write complex echarts configuration items to generate charts according to the design of the artist. [0003] With the introduction of the Web Components standard, web development has entered a new era. Many functions that used to be available only by writing complex JavaScript can now be created directly through Web Components just like writing html. Through the Web Compone...

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/20G06F8/38G06F9/445G06F16/958
CPCG06F8/24G06F8/38G06F9/44526G06F16/958
Inventor 刘鹏飞王毅
Owner 西安西热电站信息技术有限公司
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

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com