Data display method and device

Abstract

The invention provides a data display method and device, and relates to the field of data visualization. The method comprises the following steps: obtaining vertex data, defining a vertex shader basedon a WebGL protocol, and transmitting the obtained vertex data to the vertex shader through a unified declared variable; sequentially assembling the vertex data into primitives by adopting a vertex shader according to vertex indexes in the vertex data, and keeping the z axis of each vertex coordinate unchanged; generating a fragment shader, rendering the primitives by adopting the fragment shader, and performing rasterization to generate fragment information; and storing the generated fragment information into a video memory area so as to carry out visual expression on the fragment information. The method has quicker and more efficient assembly performance, data display and loading are smoother, the primitive assembly effect is better, and the efficiency is higher.

Description

technical field [0001] The invention relates to the field of data visualization, in particular to a data display method and device. Background technique [0002] At present, in the front-end drawing scenario, due to the very limited functions of the HTML language (Hypertext Markup Language), it cannot meet people's expected design requirements, and cannot achieve dynamic and user-friendly interactive display effects. In view of this situation, some drawing technologies came into being, such as Java Applet (small application program written in Java language), Flash, VML (Vector Markup Language), SVG (Scalable Vector Graphics) and Canvas (HTML 5 graphic drawing element), etc. . However, each of these drawing technologies has some defects. Among them, Flash needs to install a plug-in to make the elements in Flash interact with other elements in the web page when drawing at the front end. It is also relatively complicated; the VML specification was rejected by the W3C (World W...

AI Technical Summary

Problems solved by technology

However, each of these drawing technologies has some defects. Among them, Flash needs to install a plug-in to make the elements in Flash interact with other elements in the web page when drawing at the front end. It is also relatively complicated; the VML specification was rejected by the W3C (World Wide Web Consortium), and has poor compatibility with browsers. Among all browsers, only IE browser can support the VML specification, which makes it have high limitations; Canvas is based on Pixels are used to generate graphics. If the image is enlarged, the graphics will become blurred, and the image "objects" in it cannot be viewed like elements in DOM (a standard programming interface for processing Extensible Markup Language, also known as Document Object Model). Add events, and cannot operate or modify the drawn image; SVG cannot dynamically modify animation content, nor can it be integrated with HTML content, and SVG graphics do not support hardware acceleration

[0003] The traditional front-end drawing 2D point data is drawn through Canvas or SVG, but when faced with a large amount of 2D data, the visualization efficiency of these two methods is very low, and the program runs slowly, which makes the data display process have more obvious problems. Stunning phenomenon greatly affects user experience

Images