ECharts-in the big data era, data charts and echarts data charts are redefined.

ECharts-in the big data era, data charts and echarts data charts are redefined.

ECharts Canvas-based PureJavascriptThe chart Library provides intuitive, vivid, interactive, And customizable data visualization charts. The innovative drag-and-drop re-computing, data view, value-range roaming and other features greatly enhance the user experience and give users the ability to mine and integrate data. Compatible with most browsers, including IE6/7/8/9 +, Chrome, Firefox, Safari, and Opera.

 

 

Download demo source code online

　

Mix of special features

Mashups are more expressive and interesting. ECharts provides charts (9 categories and 14 types in total) that support arbitrary mashups:

Line chart (region chart), bar chart (bar chart), scatter chart (bubble chart), K-line chart, pie chart (ring chart), radar chart, MAP, Chord chart, force distribution chart.

A standard chart in case of mixing: contains a unique legend, toolbox, data area scaling, value range roaming module, a Cartesian coordinate system (can contain one or more category axis, one or more value axis, up to four)

Drag and Drop Recalculation

The drag-and-drop re-computing feature (patent) brings unprecedented user experience in data statistics charts, allowing users to effectively extract and integrate statistics, and even exchange data among multiple charts, it gives users the ability to mine and integrate data.

Data View

If the data you present is sufficient for users to care about, they will not be able to view visual charts. Should they cater to their needs for downloading, storing, sharing, processing, and integrating existing data?

Maybe you just need to give a Data Text separated by "," and they will understand it. This is the data view of ECharts! Of course, you can reload the data view output method to present data in your unique way.

If you have enough high-end users, you can even enable the data view editing function. This is a batch data modification compared to dragging and re-computing!

Dynamic type Switching

Many chart types have similar performance capabilities. However, due to data differences, performance requirements, and personal preferences, the tension presented by the final chart is quite different, for example, the choice of line chart and column chart makes it a headache to choose whether series data is stacked or tiled.

ECharts provides dynamic type switching, allowing users to switch to the desired chart type and stack status as they wish.

Legend Switch

Multiple series of data present rich content at the same time, but how can users switch to the individual series they care about?

ECharts provides a convenient and convenient multi-dimensional legend switch that allows you to switch to the data series you are concerned about at any time.

Data region selection

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

Together with the average value (extreme value) of follow-up, the labels show powerful data analysis capabilities.

Multi-chart Linkage

When multiple series of data are displayed in the same right angle system at the same time, it may lead to confusion, but they have a strong association meaning which cannot be separated?

ECharts supports multi-chart Association (connect). It can display more than just the details of the mouse. Multiple connected charts Share Component events and automatically splice images when they are saved.

Value range roaming

Coordinate-based charts (such as maps and scatter charts) intuitively display data distribution by color changes.

But how do I focus on the values I care about? We have created a function called value range roaming, allowing you to easily filter values.

Glare Effects

We know that we often need some eye-catching capabilities.

ECharts supports glare effects for marking markings, especially for map-based visualization of Baidu migration data.

Large-scale scatter chart

How can we identify the distribution and clustering of thousands of discrete data? It seems that there is no choice but to use professional statistical tools (such as MATLAB?

No, ECharts invented a pixel-based large-scale scatter plot (patent). A 900x400 scatter plot can present 0.36 million sets of data without repeating, with modern browsers, you can easily display millions of Scatter Data!

Add dynamic data

If you need to display data with real-time changes, I believe this dynamic interface will be very helpful to you.

Marking assistance

Trend line? Average? Future Trend? Corrected value? Users who need it will naturally know the intention ~

Providing line marking assistance is a necessary function in the key line chart! Yes. We are developing the K-line chart ~

Multi-dimensional Accumulation

Supports multi-series and multi-dimensional data accumulation. In combination with auto-scaling graphical entities and Cartesian coordinate systems, it can present more meaningful statistical charts ~

Subarea map Mode

The map type supports world, china, and 34 provinces, cities, and autonomous regions. At the same time, the sub-region mode is supported, and the included sub-region map is expanded through the main map type, which can easily output the map of more than 176 provinces and cities in the world and more than 600 provinces and cities in the country.

GeoJson map Extension

The built-in map is driven by the map data generated by compressing the standard GeoJson geographic data with an efficient compression algorithm (the size is only about 30% of the standard geoJson size. If the built-in map type or data does not meet your project needs, you can generate the new type you need through simple dynamic registration.

Customization

More than 500 configurable options can be combined with a multi-level control design to meet highly customized Personalized Requirements.

Event Interaction

User interaction and data change events can be captured to achieve the interaction between charts and the outside world. Try this»

 

Articles you may be interested in

• Useful jQuery effects in website development [Source Code]
• Share 35 amazing CSS3 animation demos
• Amazing 8 HTML5 & JavaScript Special Effects
• 10 useful results in Web development [Source Code download]
• 12 classic jQuery image carousel plug-ins

 

Link: ECharts-Redefining data charts in the big data age

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources