Easy Tutorial
❮ Verilog Competition Hazard Composer Install And Usage ❯

ECharts: An HTML5 Canvas Charting Library

Category Programming Techniques

ECharts is an open-source JavaScript charting library originating from Baidu's commercial front-end data visualization team. It is based on HTML5 Canvas and offers intuitive, vivid, interactive, and customizable data visualization charts. Innovative features such as drag-and-drop recalculation, data view, value range roaming, etc., greatly enhance the user experience and empower users with the ability to mine and integrate data. ——In the era of big data, it's time to redefine data charts

Architecture

ECharts provides a chart library commonly used in commercial products, with the underlying layer based on ZRender, creating fundamental components such as coordinate systems, legends, tooltips, toolboxes, and building upon these components to create line charts (area charts), bar charts (histograms), scatter charts (bubble charts), pie charts (doughnut charts), K-line charts, maps, chord diagrams, and force-directed layout diagrams, while also supporting any dimension of stacking and mixed display of multiple charts.

Mixed charts are more expressive and interesting, and the charts provided by ECharts (a total of 9 categories and 14 types) support any mix:

Line charts (area charts), bar charts (histograms), scatter charts (bubble charts), K-line charts, pie charts (doughnut charts), radar charts, maps, chord diagrams, and force-directed layout diagrams.

A standard chart in a mixed setting:

Includes a unique legend, toolbox, data area zoom, value range roaming module, and a Cartesian coordinate system (which may include one or more category axes, one or more value axes, and up to four axes on the top, bottom, left, and right)

Drag-and-Drop Recalculation

The drag-and-drop recalculation feature (patented) brings an unprecedented user experience to statistical data charts, allowing users to effectively extract and integrate statistical data, and even exchange data between multiple charts, empowering users with the ability to mine and integrate data.

Data View

If the data you present is of great concern to users, they will not be satisfied with just viewing the visualized charts, but will want to cater to their needs for downloading and saving, data sharing, processing and integrating existing data, etc.?

Perhaps all you need to do is provide them with a data text separated by ",", and they will understand, this is ECharts' data view! Of course, you can override the output method of the data view to present the data in your unique way.

If your users are advanced enough, you can even open the data view editing function, which is a batch data modification compared to drag-and-drop recalculation!

Dynamic Type Switching

The capabilities of many chart types are similar, but due to differences in data, display requirements, and personal preferences, the tension presented in the final chart is quite different, such as the choice between line charts and bar charts, whether the series data is stacked or laid out flat is always a headache.

ECharts provides dynamic type switching, allowing users to switch to the chart type and stacking state they need at will.

Legend Switch

The simultaneous display of multiple series of data presents rich content, but how can users switch to the individual series they care about?

ECharts provides a convenient multi-dimensional legend switch that can switch to the data series you care about at any time.

Data Area Selection

Data can be infinite, but the display space is always limited. The data area selection component provides the ability to roam in large amounts of data, allowing users to select and display the data area they care about.

With the moving average (extreme value) marking line, it demonstrates strong data analysis capabilities.

Multi-Chart Linkage

The simultaneous display of multiple series of data within the same Cartesian system sometimes causes confusion, but they have a strong correlation that cannot be separated?

ECharts provides the ability for multi-chart linkage (connect), which can do more than just display detailed information when the mouse passes over, and the connected charts will share component events and achieve automatic splicing when saving images.

Value Range Roaming

Charts based on coordinates (such as maps, scatter charts) can intuitively display the distribution of data through color changes.

But how can we focus on the values we care about? We have created a function called value range roaming, which allows you to easily filter values.

Halo Effect

We know that sometimes we need the ability to attract attention.

ECharts supports the halo effect of annotations and marking lines, especially for easily achieving Baidu migration data visualization effects on maps.

Large-scale Scatter Plot

How to display tens of thousands or even millions of discrete data to find their distribution and clustering? It seems that there

❮ Verilog Competition Hazard Composer Install And Usage ❯