The angle axis in Polar Coordinate.
Whether to enable animation.
Delay before updating the first animation, which supports callback function for different data to have different animation effect.
Delay before updating animation, which supports callback function for different data to have different animation effect.
Duration of the first animation, which supports callback function for different data to have different animation effect
Time for animation to complete, which supports callback function for different data to have different animation effect
Easing method used for the first animation.
Varied easing effects can be found at easing effect example
.
Easing method used for animation.
Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold.
dataset
component is published since ECharts 4.
dataset
brings convenience in data management separated with styles
and enables data reuse by different series.
More importantly, is enables data encoding from data to visual,
which brings convenience in some scenarios.
More details about dataset
can be checked in the tutorial.
axisPointer
is a tool for displaying reference line and axis value
under mouse pointer.
Background color. Defaults to have no background.
Equal to CanvasRenderingContext2D.globalCompositeOperation
brush
is an area-selecting component, with which user can select
part of data from a chart to display in detail, or doing calculations
with them.
Calendar coordinates.
In ECharts, we are very creative to achieve the calendar chart,
by using the calendar coordinates
to achieve the calendar chart, as shown in the following example,
we can use calendar coordinates
in heatmap
, scatter
, effectScatter
, and graph
.
The color list of palette. If no color is set in series, the colors would be adopted sequentially and circularly from this list as the colors of series.
dataZoom
component is used for zooming a specific area,
which enables user to investigate data in detail,
or get an overview of the data,
or get rid of outlier points.
These types of dataZoom
component are supported:
dataZoomInside
: Data zoom functionalities is embeded
inside coordinate systems, enable user to zoom
or roam coordinate system by mouse dragging,
mouse move or finger touch (in touch screen).dataZoomSlider
: A special slider bar is provided,
on which coordinate systems can be zoomed or roamed
by mouse dragging or finger touch (in touch screen).dataZoomSelect
: A marquee tool is provided for zooming
or roaming coordinate system.
That is toolbox.feature.dataZoom
, which can only be configured
in toolbox.Geographic coorinate system component.
Geographic coorinate system component is used to draw maps,
which also supports scatter series
, and line series
.
graphic
component enable creating graphic elements in echarts.
Those graphic type are supported.
image
, text
, circle
, sector
, ring
, polygon
,
polyline
, rect
, line
, bezierCurve
, arc
, group
,
Drawing grid in rectangular coordinate.
In a single grid, at most two X and Y axes each is allowed.
Line chart
, bar chart
, and scatter chart (bubble chart)
can be drawn in grid.
In ECharts 2.x, there could only be one single grid component
at most in a single echarts instance.
But in ECharts 3, there is no limitation.
Threshold of if use single hover layer to optimize.
It is recommended that hoverLayerThreshold
is equivalent to or less than
progressiveThreshold
, otherwise hover will cause restart of progressive,
which is unexpected.
see example <echarts/test/heatmap-large.html>.
Legend component.
Legend component shows symbol, color and name of different series.
You can click legends to toggle displaying series in the chart.
In ECharts 3, a single echarts instance may contain multiple
legend components, which makes it easier for the layout of multiple
legend components.
If there have to be too many legend items, vertically scrollable
legend
or horizontally scrollable
legend are options to paginate them.
Check legend.type
please.
Parallel Coordinates
is a common way of visualizing high-dimensional
geometry and analyzing multivariate data.
For example, series-parallel.data
is the following data:
This component is the coordinate axis for parallel coordinate.
Polar coordinate can be used in scatter and line chart.
Every polar coordinate has an angleAxis
and a radiusAxis
.
Configuration for progressive/incremental rendering
Configuration for progressive/incremental rendering
Coordinate for radar charts
.
This component is equal to the polar component in ECharts 2.
Because the polar component in the echarts 3 is reconstructed
to be the standard polar coordinate component,
this component is renamed to be radar to avoid confusion.
Radar chart coordinate is different from polar coordinate,
in that every axis indicator of the radar chart coordinate
is an individual dimension.
The style of indicator coordinate axis could be configured
through the following configuration items,
including name
, axisLine
, axisTick
, axisLabel
,
splitLine
, splitArea
.
Radial axis of polar coordinate.
Chart Shared Var
An axis with a single dimension. It can be used to display data in one dimension.
Global font style.
timeline
component, which provides functions like switching and playing
between multiple ECharts options
.
Title component, including main title and subtitle. In ECharts 2.x, a single instance of ECharts could contains one title component at most. However, in ECharts 3, there could be one or more than one title components. It is more useful when multiple diagrams in one instance all need titles.
A group of utility tools, which includes export
, data view
,
dynamic type switching
, data area zooming
, and reset
.
Tooltip component. It can be configured on different places:
tooltip
grid.tooltip
,
polar.tooltip
, single.tooltip
series.tooltip
series.data
: series.data.tooltip
Whether to use UTC in display.
true
: When axis.type
is 'time'
, ticks is determined
according to UTC, and axisLabel
and tooltip
use UTC by default.false
: When axis.type
is 'time'
, ticks is determined
according to local time, and axisLabel
and tooltip
use local time
by default.The default value of useUTC is false, for sake of considering:
Notice: the setting only effects 'display time', but not 'parse time'.
About how time value (like 1491339540396
, '2013-01-04'
, ...)
is parsed in echarts, see the time part in date
.
visualMap
is a type of component for visual encoding,
which maps the data to visual channels, including:
visualMap
component could be defined in a chart instance,
which enable that different dimensions
of a series data are mapped to different visual channels.
visualMap
could be defined as Piecewise (visualMapPiecewise)
or Continuous (visualMapContinuous)
,
which is distinguished by the property type.The x axis in cartesian(rectangular) coordinate. Usually a single grid component can place at most 2 x axis, one on the bottom and another on the top. offset can be used to avoid overlap when you need to put more than two x axis.
The y axis in cartesian(rectangular) coordinate. Usually a single grid component can place at most 2 y axis, one on the left and another on the right. offset can be used to avoid overlap when you need to put more than two y axis.
Generated using TypeDoc
ChartActions