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

System and method for realizing data visualization

A technology for implementing systems and data, applied in the fields of electrical digital data processing, visual/graphic programming, creating/generating source code, etc.

Active Publication Date: 2020-12-29
广东广业开元科技有限公司
View PDF3 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, since the direct use of these excellent front-end charting tools requires front-end technology development skills, this will reject a large number of people without development skills.

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
  • System and method for realizing data visualization
  • System and method for realizing data visualization
  • System and method for realizing data visualization

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0034] In this embodiment, the present invention provides a system for realizing data visualization, which includes:

[0035] The first front-end interface is provided with a control area, a canvas editing area and a tool operation area;

[0036] The first monitoring controller is used to monitor the drag operation behavior of the button element set in the control area; when the mouse release behavior operation is detected, the drag operation of the button element is ended, and the current mouse position is in the canvas editing area During the process, the code for rendering the multimedia control corresponding to the dragged button element is generated on the canvas editing area; wherein, the multimedia control corresponding to the dragged button element is a chart tool control; the chart tool control The code is used to generate chart tools;

[0037] The generated chart tool includes a second front-end interface and a second monitoring controller;

[0038] The second fron...

Embodiment 2

[0061] In this embodiment, a data visualization implementation method includes the following steps:

[0062] Monitor the drag operation behavior of the button elements set in the control area;

[0063] When the mouse release behavior operation is detected to end the dragging operation of the button element, and the current mouse position is in the canvas editing area, the code for rendering the multimedia control corresponding to the dragged button element is generated on the canvas editing area; Wherein, the multimedia control corresponding to the dragged button element is a chart tool control; the code of the chart tool control is used to generate a chart tool;

[0064] The generated chart tool includes a second front-end interface and a second monitoring controller;

[0065] The second front-end interface is provided with a form configuration area for providing a chart configuration parameter form, a chart rendering area for rendering a corresponding chart according to the...

Embodiment 3

[0071] The above embodiments are further described in conjunction with this preferred embodiment, that is to say, all the content in this embodiment is applicable to the above embodiment 1 and embodiment 2.

[0072] A data visualization implementation system of the present invention, the specific implementation steps are as follows.

[0073] Part 1: Building a chart tool for visual editing. The implementation steps included in this section are as follows figure 1 shown.

[0074] S101. Build a second front-end interface of the chart tool, where the second front-end interface specifically refers to a visual editing interface.

[0075] In this embodiment, the configuration method of the chart tool to be built is to dynamically generate corresponding configuration items according to the user's operation, and then guide the user to perform corresponding operations according to the prompts, so that the configuration can be completed through form input Parameter configuration requ...

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 data visualization realization system and method. The system includes a first front-end interface and a monitoring controller used for rendering code of a chart tool controlin a canvas editing area when ending of a dragging operation of a button element is monitored. The code of the chart tool control is used for the generation of a chart tool. The generated chart tool includes a second front-end interface and a monitoring controller used for loading and rendering a parameter configuration area form according to basic configuration parameters obtained by monitoring.The method includes: carrying out monitoring of dragging operation behaviors on button elements corresponding to the chart tool control; and rendering the code of the chart tool control in the canvasediting area when ending of the dragging operation of the button element is monitored. The system and the method can simplify operation means of chart generation and production, and realize visualizedchart parameter configuring, are suitable for use in a multitude without a front-end development basis, and enlarge application scenes and groups of the chart tool. The system and the method can be widely applied in the field of front-end processing technology.

Description

technical field [0001] The invention relates to front-end processing technology, in particular to a system and method for realizing data visualization. Background technique [0002] Explanation of technical terms: [0003] Chart: Chart generally refers to the graphic structure displayed on the screen, which can visually display the attributes of statistical information (time, quantity, etc.), and plays a key role in knowledge mining and intuitive and vivid experience of information. It is a means of "visualizing" attribute data intuitively and vividly. [0004] Form: Elements in HTML, including different types of input elements, check boxes, radio buttons, submit buttons, and more. [0005] html: Hyper Text Markup Language, which is an application under the Standard Universal Markup Language, is also a specification, a standard, which marks various parts of the web page to be displayed by markup symbols. [0006] Web front-end interface: the interface graphics displayed t...

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 Patents(China)
IPC IPC(8): G06F8/34G06F8/38
CPCG06F8/34G06F8/38
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