I'm looking for a JavaScript plugin which would help me to create charts. I would need stacked bar, bar, pie and line charts with drilldown and highlighting features.
Everything I found with these features are just flash and I would prefer using JavaScript.
Does someone have an idea or a suggestion?
Thank you by advance
-Yoann
You may want to look into the google charts api. It's not javascript per se, but it might be exactly what you need.
I have personally used the flot jQuery charting library and can recommend it. Very easy to use. You'll recognize flot from the reputation chart in your profile.
I've also used varioius pieces of Dojo's dojox charting stuff. These take a bit more effort to get going (especially if you're not already familar with dojo) but offer more options/flexibility.
You've probably seen amCharts when you found Flash charts with these features. Now there's amCharts JavaScript library with matching functionality.
Related
I've been trying out different JavaScript based charting options. I love Highcharts but also wanted to take a look at gRaphael. I've found that the gRaphael documentation is really lacking and the efforts of kennyshen also do not cover a lot of the things. As a result, I'm having a ton of problem charting with gRaphael. Could someone point me to a robust documentation?
Also can I achieve similar charting with only Raphael? If so, can someone point me out to a tutorial of sorts. My primary requirement is bar/column charts.
I would recommend you to use Rgraph (http://www.rgraph.net/), which is easy to implement and well documented with lots of examples.
I've done a decent amount of research on JS charting libraries. I personally think High Charts and jqPlot are the best looking with adequate documentation. You can take a look and see what you think:
jqPlot Doc:
http://www.jqplot.com/docs/files/usage-txt.html
High Charts Doc:
http://www.highcharts.com/documentation/how-to-use
I've looked at many graphing libraries and couldn't find one with a good radar graph. See image for the type of look I want. Most of the one's I've seen look very plain and mathy, anything that could be used for a game interface?
You can try this one:
https://github.com/tnzk/Raphael-Radar
Example: http://www.tnzk.org/devel/Raphael-Radar/example/
It uses Raphael.js, and you can improve it to your needs.
i am using this one
https://github.com/jsoma/raphael-radar
its pretty easy to customize and works with rapahael js
I have to build some chart in my page,I use extjs chart now,but I found it is rather heavy...
Through the google,there some jquery based lib,but I have no idea which is better,and it seems test them one by one is not a good idea,so I ask you guys if you have any experiences?
I just care the following points:
1)support drawing chart based json
data.
2)reload chart when data refreshed.
3)easily and readable coding
4)the less thrid-part lib needed,the
better.
flot
ticks all your boxes. I have been using it, seems pretty slick to me.
Flot supports column-line combined chart, thats actually why I used it, see here and here for a more comprehensive list of functionality.
I like Flot, which does most of the things you require.
Here's a good list of charting libraries for jQuery:
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
I know there has been several discussions on JavaScript chart/graphics libraries, and there is many out there. What I need is one that can:
Zooming and panning
Data point manipulation (like when click on a data point, highlight other data points within the data series with the same certain parameter of the clicked one)
Dynamically change data point values (e.g.: dragging a data point dynamically updating the line shape)
Error bar support, horizontally and vertically
Select data points on the chart
Seems like Flot may have most of the features, if not all(not sure about 3, and 4), but would like to see if I don't miss out on there nice libraries.
Check out the awesome Visualization API on Google's AJAX APIs Playground
Take a look at http://raphaeljs.com/ library.
It has a plugin called gRaphaël which is charting plugin.
Look good but personally didn't use it.
Good luck and share you expirience if you try it.
The Dojo Charting Engine has a pretty astonishing featureset. Sadly dojo seems to suffer from a general lack of evangelism.
I dont know if there are good introductory tuts, maybe the best way is to learn from examples.
I'm searching for a Javascript library to create line charts like the ones of Google Analytics. When the mouse is over a point, a box shows you the data.
An example is at http://wikirank.com/en
No Flash or Air, only JS and client-side Canvas...
Better if Free...
Edit: If you want a free library, try Flot.
Emprise Charts is a commercial library that I've seen featured on news sites.
Another option is to use Google's visualization APIs.It's pretty easy to use, and they have a several options for displaying data. One thing to keep in mind is some of the visualizations require you to send your data to their server, though none of the canvas/svg ones have this requirement.
There's JS-Charts which looks pretty awesome.
Or, if you fancy rolling your own you can create your own charting component using this library...
As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.
Dojo also has something similar, though the example shown doesn't have similar functionalities but can be implemented to behave like the one you want,
http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max
Raphael.js is pretty good at making graphs with svg/vml, you have to write some custom code though, but you can make some really nice animation with it, next to that it's compatible with ie6+ (only not with android 2 browsers).