new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Apache ECharts · all subjects

renderer

8 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Canvas vs SVG renderer tradeoffs

Canvas is suitable for cases with large amounts of graphical elements, such as heatmaps, lines, or scatter plots with large data in geo or parallel coordinates, and supports special visual effects not supported by SVG. SVG consumes less memory than Canvas especially on mobile devices, gives better rendering performance in some scenarios, and never blurs when zooming the browser viewport whereas Canvas may blur. When not constrained by hardware/software and data amount is not large, both renderers should provide equally satisfactory results.

When to use Canvas renderer

Use the Canvas renderer when visualizing a large amount of data or when complicated human interactions with data are required. The Canvas renderer works better currently for these scenarios.

When to use SVG renderer

Use the SVG renderer when lots of ECharts instances must be created and cause browser crashes due to large memory consumption. Also prefer SVG renderer when running on old Android devices or when using charts like liquidfill. SVG renderer provides better performance in these scenarios.

Default renderer in ECharts

ECharts uses Canvas as the default renderer. For IE8-, ECharts used VML before v3.8.

SVG renderer availability history

SVG renderer was provided as a beta option starting in ECharts v3.8.

SVG renderer included in pre-built distributions

In pre-built ECharts packages, the SVG renderer is included in the common version and complete version, but not in the simple version.

Import SVG renderer module for offline builds

When building ECharts offline, import the SVG renderer module with: import 'zrender/lib/svg/svg';

Specify renderer in echarts.init parameter

Specify the renderer when initializing a chart instance using the renderer parameter in echarts.init. Pass 'canvas' for Canvas renderer or 'svg' for SVG renderer: var chart = echarts.init(containerDom, null, {renderer: 'canvas'}); or var chart = echarts.init(containerDom, null, {renderer: 'svg'});

Give your agent this brain