echarts– The Big Data era, redefining data graphs

Echarts is a Canvas-based, pure Javascript Chart Library that provides intuitive, vivid, interactive and customizable data visualization charts. Innovative drag-and-drop computing, Data View, range roaming and other features greatly enhance the user experience, giving users the ability to dig and integrate data. Compatible with most browsers, including ie6/7/8/9+, Chrome, Firefox, Safari and Opera.

Online Demo Source Download

　

Featured feature Mashup

The mix-and-match chart will be more expressive and interesting, and Echarts offers a total of 9 types of 14 types to support any mashup:

Line chart (area chart), histogram (bar chart), scatter plot (bubble chart), candlestick chart, pie (doughnut chart), radar, map, chord chart, Force guide layout.

A standard chart for mashup: Contains a unique legend, toolbox, data region scaling, range roaming module, a Cartesian coordinate system (can contain one or more class axes, one or more axis of value, up and down four bars)

Drag weight Calculation

The drag-and-drop recalculation feature (patented) brings the user experience that data statistics charts never had, allowing users to efficiently extract, integrate, and even exchange data across multiple charts, giving users the ability to tap and integrate data.

Data View

If the data you are presenting is enough for the user to care about, then they will not be content to view the visualization of the chart, to cater to their download and save, data sharing, processing and integration of existing data and so on demand?

Perhaps you just give a "," delimited data text They understand, this is the Echarts Data View! Of course, you can reload the data view's output method to present the data in a unique way.

If your users are high-end, you can even open the Data View editing function, compared with the drag-and-drop recalculation, this is a batch of data modification!

Dynamic type Switching

Many of the chart types themselves are similar in their ability, but due to differences in data, performance needs and personal preferences, resulting in a very different tension in the final chart, such as the choice of line and histogram, the series data is stacked or tiled is always a headache.

Echarts provides dynamic type switching, allowing users to switch to the type of chart and stack state they want.

Legend Switch

Multiple series of data show rich content at the same time, but how to let users switch to the individual series he cares about?

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

Data region Selection

The data can be infinite, but the display space is always limited, and the data region selection component provides the ability to roam in a large amount of data, allowing the user to select and present the area of data that he cares about.

With the mean value (extremum) Marking of the follower, the data analysis ability is demonstrated.

Multi-Graph linkage

Multiple series of data in the same right-angled system at the same time there are sometimes confusion, but they are very strong relevance is inseparable?

Echarts provides multi-graph linkage capability (connect), can do more than just mouse over the details of the display, connected to a number of charts will share component events and to save the picture when the automatic stitching.

Domain roaming

Coordinate-based charts (such as maps, scatter plots) can visualize the distribution of data by visualizing the size of the values displayed by color changes.

But how do I focus on the values I care about? We've created a feature called range roaming, so you can easily do numerical filtering.

Glare effect

We know that many times we need some ability to attract attention.

Echarts Support marking the light effect, especially on the map to easily implement the Baidu migration data visualization effects

Large scatter plots

How can millions of discrete data be presented to identify their distribution and clustering? Seems to have no choice but to use professional statistical tools (such as MATLAB)?

No, Echarts invented a large-scale pixel-based scatter plot (patent), and a 400 scatter area can render 360,000 sets of data without duplication, which is enough for conventional applications to easily present millions scatter data in a modern browser!

Dynamic Data Additions

If you need to show data with real-time changes, you can be sure that this dynamic interface will be helpful to you.

Marking assist

Trend line? Average line? Future trends? Fixed value? There is a need for users naturally know the intention ~

Provide the marking assistance in the candlestick chart is the necessary function! Yes, we're developing the candlestick chart.

Multi-Dimension Stacking

Support multi-series, multi-dimensional data accumulation, with automatic scaling of graphical entities and Cartesian coordinate system, can show a more meaningful statistical chart ~

Sub-region Map mode

Map type support World,china and 34 provinces and autonomous regions nationwide. It also supports sub-region mode, expands the included sub-area map through the main map type, and easily outputs the regional schematic of more than 600 provinces and cities in 176 countries and regions in the world.

Geojson Map Extension

The built-in map is driven by standard Geojson geographic data and compressed by an efficient compression algorithm to generate map data (size only about 30% of the standard Geojson). If the built-in map type or data does not meet your project needs, you can create the new type you need with simple dynamic registration.

Personalized Customization

The designer's configurable options combine multi-level control design to meet the individual needs of highly customized.

Event interaction

Can capture the user interaction and data change events to achieve a diagram with the outside world linkage. Try This»

Related articles that may be of interest to you

• The JQuery effect "attached source" is very useful in website development
• Share 35 amazing CSS3 animation effects Demo
• Stunning 8 x HTML5 & JavaScript Effects
• Web development in a very practical 10 effects "source Download"
• 12 Classic white-rich jQuery images Carousel Plugin

This article link: echarts– The Big Data era, redefining the data graph

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

echarts– The Big Data era, redefining data graphs