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

Visual data display method, system, device and computer readable storage medium

A data display and data display technology, applied in the field of data visualization, can solve problems such as legend control that cannot be displayed

Pending Publication Date: 2020-05-12
ONE CONNECT SMART TECH CO LTD SHENZHEN
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The main purpose of the present invention is to provide a visual data display method, system, device and computer-readable storage medium, aiming to solve the problem in the prior art that the Echarts-vue component after simple packaging can only be realized by controlling the data of the parent component , so as to control the display of the legend, but the technical problem of controlling the display of the parent component data by controlling the displayed legend

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
  • Visual data display method, system, device and computer readable storage medium
  • Visual data display method, system, device and computer readable storage medium
  • Visual data display method, system, device and computer readable storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0028] It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

[0029] Such as figure 1 as shown, figure 1 It is a schematic diagram of the structure of the visualized data display device of the hardware operating environment involved in the solution of the embodiment of the present invention.

[0030] Such as figure 1 As shown, the visualized data display device may include: a processor 1001 , such as a CPU, a network interface 1004 , a user interface 1003 , a memory 1005 , and a communication bus 1002 . Wherein, the communication bus 1002 is used to realize connection and communication between these components. The user interface 1003 may include a display screen (Display), an input unit such as a keyboard (Keyboard), and the optional user interface 1003 may also include a standard wired interface and a wireless interface. Optionally, the network interface 1004 may include a...

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 relates to the technical field of data visualization, and discloses a visual data display method, a system, a device and a computer readable storage medium. The method comprises the steps that a parent component receives background data and displays the background data in a first display area; the parent component transmits the background data to an Echarts-vue component through a props interface; the Echarts-vue component generates an Echarts legend according to the background data, and displays the Echarts legend in a second display area; and when the Echarts-vue component monitors a legend click event triggered based on the Echarts legend, target data corresponding to the legend click event are displayed in the first display area, and the target data is data correspondingto legend elements corresponding to the legend click event in background data. According to the method, a legend bidirectional linkage function is realized, so that the interaction is more vivid, andthe display of visual data is clearer.

Description

technical field [0001] The present invention relates to the technical field of data visualization, in particular to a visualization data display method, system, device and computer-readable storage medium. Background technique [0002] Web front-end native technology can use html5 canvas for drawing charts. But for some complex charts, if it is realized through canvas, it needs to write a large number of complex codes, and the time cost and labor cost are very high. The emergence of Echarts has solved this problem very well. [0003] Echarts is an open source visualization library implemented using JavaScript, which can run smoothly on PCs and mobile devices, and is compatible with most current browsers. [0004] In the existing technology, the common practice is to combine the componentization feature of vueJs on the basis of the Echarts plug-in, and encapsulate an Echarts-vue component for the second time. However, the purely encapsulated Echarts-vue component can only ...

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): G06F9/451G06F9/448G06F9/455G06F3/0481
CPCG06F3/0481G06F9/4488G06F9/451G06F9/45529
Inventor 杜珍
Owner ONE CONNECT SMART TECH CO LTD SHENZHEN
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