10 free and excellent chart plug-ins are recommended

Developers often need to use charts to present some data. A chart can display data content more intuitively than several dense numeric tables. With the development of web technology, from traditional SVG, which can only rely on flash and ie vml, to HTML5 technology represented by standardized canvas and SVG, the technology of performance points, lines, and surface elements has become more and more standardized and mature. I have collected 10 free open-source and excellent chart production plug-ins in this article for your reference.

1. ichartjs (made in China)

Ichartjs is an excellent open-source plug-in Made in China. The author is Wang He, English name Taylor. He graduated from Nanchang University majoring in software engineering.

Ichartjs is an HTML5-based graphics library. Use the pure JavaScript language and the canvas label of html5. Ichartjs is committed to providing simple, intuitive, and Interactive Graphic components for your applications. Is a Web/APP Chart display solution. If you are developing HTML5 applications, ichartjs is suitable for you. Ichartjs currently supports pie chart, ring chart, line chart, Area Chart, column chart, and bar chart. Ichartjs is an open-source project based on the Apache license 2.0 protocol.

2, echarts (made in China)

Echarts is Baidu front-end team made based on html5-canvas open source Chart Drawing components.

Several features are as follows:

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

Large-scale data model: how to display millions of data? It seems that there is no choice but to use professional statistical tools (such as MATLAB? No, echarts can still plot 0.2 million of data in seconds in a Cartesian chart (fold, column, scatter, and K line) with many interactive features.

Value range roaming: A coordinate-based chart (such as a map or scatter chart) intuitively displays data distribution through color changes. But how do I focus on the values I care about? Echarts provides the value range roaming function, allowing you to easily filter values.

3. loongchart (made in China)

Loongchart is a HTML5-Canvas-based open source information Chart Drawing component, the valuable is that the plug-in can be compatible with IE7, IE8, but the animation effect is poor, the static display effect basically meets the requirements.

It has the following features:
Pure HTML5 and JavaScript, cross-platform, native support for modern browsers, compatible with IE7 and IE8, without any framework;
Supports multiple common drawing types;
Supports combination graphs;
Supports language settings in the core code (for error prompts );
Supports animation (can be closed );
Supports skin setting and Custom Skin functions;
Some images support 3D images
Supports custom plotting;
Records the position, size, and other information of each element in the final drawing for query;
Supports direct export of images (not all are supported by browsers );

The loongchart official website has a more intimate function. It supports online options modification and viewing options, and can display the modified options in real time. If you find the appropriate options, you can directly view the real-time options and copy them to your project, which is very convenient.

4. Chart. js

The small and lightweight chart plug-in has the disadvantage that it supports a small number of graphic types and has very limited data interaction functions, but the author may gradually improve it later.

5. jqplot

A fairly old and "strong" chart plug-in that supports modern browsers and IE7 and IE8 (like loongchart, IE6 is abandoned ).

6. grapha rjl

Supports modern browsers and ie6.0 +, with excellent compatibility.

7. rgraph

Supports modern browsers and is compatible with Internet Explorer 7 and Internet Explorer 8.

8, canvasxpress

Supports a wide range of charts and APIs.

9. awesomechartjs

There are not many supported graph types.

10, dygraphs

Dygraphs is a fast, flexible open source JavaScript charting library.

Features:
Handles huge data sets: dygraphs plots millions of points without getting bogged down.
Interactive out of the box: Zoom, pan and Mouseover are on by default.
Strong support for error bars/confidence intervals.
Highly customizable: using options and custom callbacks, you can make dygraphs do almost anything.
Dygraphs is highly compatible: It works in all major browsers (including IE8). You can even pinch to zoom on mobile/tablet devices!
There's an active community developing and supporting dygraphs.