{{ target: echarts-feature }}
Apache EChartsTM is an open-source, pure Javascript chart library that can run smoothly on PC and mobile devices. Compatible with most current web browsers (IE8/9/10/11, Chrome, Firefox, Safari and so on), it relies on a lightweight Canvas library (ZRender) and provides intuitive, interactive, and highly customizable data visualizations.
More over, ECharts 3 adds richer interactive functions and more visualization effects, and optimizes more deeply on mobile end.
ECharts provides line charts, bar charts, scatter charts, pie charts, K line charts and box charts, as well as maps used for geodata visualization, heatmaps, treemaps, parallel charts for multi-dimensional data visualization, funnel maps for BI, gauge charts. Additionally, it supports connecting and animating between different graphic types.
You can either download the entire package of chart components or instead select the ones you need with the online package builder to reduce the library's footprint.
ECharts started to separate the concept of “coordinate” from 3.0, supporting rectangular coordinates (containing Cartesian, as well as grid), polar coordinates and geographic coordinates. Charts can cross coordinate. For example, line charts, bar charts and scatter charts can be placed in the same rectangular coordinate or polar coordinate sustem.
Below is an example that a line chart is in polar coordinate:
Bandwidth is precious on mobile devices and so ECharts has been optimized to use a small file size. ECharts has many components (with more being added) and so we provide mobile-optimised, smaller packages.
Interaction on mobile is also optimized: zooming and panning is natively supported on both mobile and desktop. See the example below:
Interactivity is key to analyzing and understanding data. Whilst ECharts provides an overview by default, zooming and data filtering can be modified to meet the needs of the data visualization.
ECharts is constantly expanding on this interactivity; we provide components like legend, visualMap, dataZoom and tooltip. Selections enables you to filter data, zoom the viewport, and display more detail.
With the help of the Canvas element, ECharts can easily display tens of thousands, or even hundreds of thousands data points in a scatter chart.
The following charge contains over 100,000 data points:
ECharts 3 adds support for multi-dimensional data. Besides common multi-dimensional data visualization tools like parallel coordinates, it supports multiple dimensions for other charts like traditional scatter plots. With the help of visualMap, you can map data of different dimensions to color, size, opacity, lightness and other different visual attributes, helping create rich data visualizations.
ECharts is data-driven, in that the change of data changes the presentation of chart. Therefore, dymatic data is extremely easy to implement. You only need to get data, fill them in, and ECharts will find the difference between two group of data and present data change through proper animation. With timeline component, you can present data information at higher time dimensions.
ECharts provides eye-catching special effects for visualization of line data, point data and geo-data.