Several problems using echarts common plug-ins to do graph (e) - two kinds of rendering graphics

Scene: echarts There are two graphics rendering, canvas rendering and rendering svg, are used in what kind of scene

Measures: Canvas graphic element is more suitable for rendering a very large number (which is typically caused by large volumes of data) graph (e.g., thermodynamic diagram, the geographic coordinate system, or on a large scale, or scatter plot line parallel to the coordinate system, etc.), but also conducive achieve certain visual effects; in many scenes, SVG has important advantages: lower (this is especially important for mobile end) its memory footprint, rendering performance is slightly higher, and when the user is not using the browser's built-in zoom function blurry.

At initialization chart instance, select parameters passed renderer type, as follows

// Use Canvas Renderer (default) 
var Chart = echarts.init (containerDom, null , the renderer {: 'Canvas' });
 // equivalent to: 
var Chart = echarts.init (containerDom);
 // Use rendering SVG is 
var Chart = echarts.init (containerDom, null , the renderer {: 'SVG'});

 

Guess you like

Origin www.cnblogs.com/juicy-initial/p/11569642.html