JavaScript library to create charts and graphs

Question

When I’m creating dynamic charts, I want to fetch new data from data source periodically and refresh the chart. Can you recommend a good charting library (JavaScript)?

There are other requirements:

1. Compatibility in all platforms.

   For some resons, I have to use IE8, so I want a chart supporting it.

2. Supply iOS and Android native charts library for users.

3. Strong data analysis.

   Including legend switch, data hotspot tip, chart linkage, auto refresh at regular time, series drag, drill down and scale.

4. Data display in multiple forms.

   It’s perfect to support text, value, time, date, percentage, scientific notation, etc.

Answer 1

Have you checked out ZingChart? It meets a majority of your requirements.

1. The current build is compatible with IE6+, along with other modern browsers. It can render using canvas and svg. (VML and Flash for legacy browsers).

2. While there is no direct support for native charts, ZingChart does work on mobile browsers. If it is an option, both Android and iOS support webview to embed pages in your app.

3. All of that and more! http://www.zingchart.com/docs/features/

4. Data formatting : http://www.zingchart.com/docs/features/data-formatting/

The library is free to use with a branded watermark, or can be unbranded and packaged with a number of support and developer hours.

I'm on the ZingChart team so feel free to reach out if you have any questions or other needs. We are also open to working with customers to develop features to suit their needs.

Answer 2

here go three pieces of software that may serve you:

• Charts - Interactive charts for browsers and mobile devices (by Google).
• D3.js - A JavaScript library for manipulating documents based on data.
• Chart.js - Simple, clean and engaging charts for designers and developers.

Answer 3

I would suggest looking at VanCharts.

Vancharts provides charts refresh function. You can set a fixed time interval ,automatically fetch and dynamic refresh the chart.

Code example:

"interaction": {

    "autoRefresh": 2,

    "zoom": true,

    "draggable": true
 }

1. JavaScript chart library VanCharts is based on Canvas but is compatible with all existing browsers, including Safari, Chrome, IE6+ and Firefox.
2. VanCharts supports two ways of integration in mobile terminals: web and native.
3. Of course! VanCharts can do that.
4. It can display data in multiple forms and supports over 30 chart types, including bar chart, line chart, pie chart, doughnut chart, map, GIS map, Gantt chart.

http://www.vancharts.com/demo.html

Answer 4

Essential Chart for JS can satisfy your requirements.

1. It is compatible with IE8 and other commonly used browsers.

2. iOS and Android native charts are also available - it is a separate package, but the API is common to the extent possible. Essential Chart for iOS Essential Chart for Android. Essential Chart for JS can also be used in mobile applications (hybrid).

3. All of the data analysis features you have mentioned are supported.

4. Data can be displayed with different formats.

The entire product is available for free through the community license program.

Disclaimer: I’m working for Syncfusion.

Answer 5

Flot JavaScript plotting for jQuery

Morris

Sparkline small inline charts

Answer 6

There is now a super-fast library for real-time data monitoring, and interactivity during data acquisition, LightningChart JS.

It's made with WebGL, using GPU primitives to render the charts and graphs. The real-time performance is in totally different level than with other JavaScript charts.

It works in web, mobile and desktop, a true cross-platform chart.

As tech lead of LightningChart, I've been involved in the development of the library for several years.