JavaScript Chart Library - Stack Overflow

0

locked by Bill the Lizard Jul 5 '12 at 14:43

20 ANSWERS

0

SVG is not supported in pre-Honeycomb Android. If being able to view the charts on a broad range of current Android devices is a requirement, you'd have to pick a Canvas-based solution. This article on Sencha Touch Charts goes into more details on mobile charting in general, and why Sencha Touch went the Canvas route.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


SVG is not supported in pre-Honeycomb Android. If being able to view the charts on a broad range of current Android devices is a requirement, you'd have to pick a Canvas-based solution. This article on Sencha Touch Charts goes into more details on mobile charting in general, and why Sencha Touch went the Canvas route.
Add Comment

COMMENTS
No comments yet
0

My only real complaint about flot is that when rendering in IE it looks terrible at any zoom level other then 100% (i.e. all the lines/blocks don't scale together - this definitely a problem for those of us with high resolution displays).

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


My only real complaint about flot is that when rendering in IE it looks terrible at any zoom level other then 100% (i.e. all the lines/blocks don't scale together - this definitely a problem for those of us with high resolution displays).
Add Comment

COMMENTS
No comments yet
0

There is a growing number of Open Source and commercial solutions for pure JavaScript charting that do not require Flash. In this response I will only present Open Source options.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


There is a growing number of Open Source and commercial solutions for pure JavaScript charting that do not require Flash. In this response I will only present Open Source options.
Add Comment

COMMENTS
No comments yet
0

There are 2 main classes of JavaScript solutions for graphics that do not require Flash:

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


There are 2 main classes of JavaScript solutions for graphics that do not require Flash:
Add Comment

COMMENTS
No comments yet
0

There are pros and cons of both approaches but for a charting library I would recommend the later because it is well integrated with DOM, allowing to manipulate charts elements with the DOM, and most importantly setting DOM events. By contrast Canvas charting libraries must reinvent the DOM wheel to manage events. So unless you intend to build static graphs with no event handling, SVG/VML solutions should be better.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


There are pros and cons of both approaches but for a charting library I would recommend the later because it is well integrated with DOM, allowing to manipulate charts elements with the DOM, and most importantly setting DOM events. By contrast Canvas charting libraries must reinvent the DOM wheel to manage events. So unless you intend to build static graphs with no event handling, SVG/VML solutions should be better.
Add Comment

COMMENTS
No comments yet
0

For SVG/VML solutions there are many options, including:

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


For SVG/VML solutions there are many options, including:
Add Comment

COMMENTS
No comments yet
0

I was recently looking for a javascript charting library and I evaluated a whole bunch before finally settling on jqplot which fit my requirements very well. As Jean Vincent's answer mentioned you are really choosing between canvas based and svg based solution.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


I was recently looking for a javascript charting library and I evaluated a whole bunch before finally settling on jqplot which fit my requirements very well. As Jean Vincent's answer mentioned you are really choosing between canvas based and svg based solution. 
Add Comment

COMMENTS
No comments yet
0

To my mind the major pros and cons were as follows. The SVG based solutions like Raphael (and offshoots) are great if you want to construct highly dynamic/interactive charts. Or if you charting requirements are very much outside the norm (e.g. you want to create some sort of hybrid chart or you've come up with a new visualization that no-one else has thought of yet). The downside is the learning curve and the amount of code you will have to write. You won't be banging out charts in a few minutes, be prepared to invest some real learning time and then to write a goodly amount of code to produce a relatively simple chart.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


To my mind the major pros and cons were as follows. The SVG based solutions like Raphael (and offshoots) are great if you want to construct highly dynamic/interactive charts. Or if you charting requirements are very much outside the norm (e.g. you want to create some sort of hybrid chart or you've come up with a new visualization that no-one else has thought of yet). The downside is the learning curve and the amount of code you will have to write. You won't be banging out charts in a few minutes, be prepared to invest some real learning time and then to write a goodly amount of code to produce a relatively simple chart. 
Add Comment

COMMENTS
No comments yet
0

If your charting requirements are reasonably standard, e.g. you want some line or bar graphs or perhaps a pie chart or two, with limited interactivity, then it is worth looking at canvas based solutions. There will be hardly any learning curve, you'll be able to get basic charts going within a few minutes, you won't need to write a lot of code, a few lines of basic javascript/jquery will be all you need. Of course you will only be able to produce the specific types of charts that the library supports, usually limited to various flavors of line, bar, pie. The interactivity choices will be extremely limited, that is to say non-existent for many of the libraries out there, although some limited hover effects are possible with the better ones.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


If your charting requirements are reasonably standard, e.g. you want some line or bar graphs or perhaps a pie chart or two, with limited interactivity, then it is worth looking at canvas based solutions. There will be hardly any learning curve, you'll be able to get basic charts going within a few minutes, you won't need to write a lot of code, a few lines of basic javascript/jquery will be all you need. Of course you will only be able to produce the specific types of charts that the library supports, usually limited to various flavors of line, bar, pie. The interactivity choices will be extremely limited, that is to say non-existent for many of the libraries out there, although some limited hover effects are possible with the better ones.
Add Comment

COMMENTS
No comments yet
0

I went with JQplot which is a canvas based solution since I only really needed some standard types of charts. From my research and playing around with the various choices I found it to be reasonably full-featured (if you're only after the standard charts) and extremely easy to use, so I would recommend it if your requirements are similar.

Add Comment

COMMENTS
No comments yet
0

(Jinjo) Says: Code Snippet Found!


I went with JQplot which is a canvas based solution since I only really needed some standard types of charts. From my research and playing around with the various choices I found it to be reasonably full-featured (if you're only after the standard charts) and extremely easy to use, so I would recommend it if your requirements are similar.

Add Comment

COMMENTS
No comments yet

Original page: https://stackoverflow.com/questions/119969/javascript-chart-library

Do you Like pparser?
Download Now