admin管理员组

文章数量:1200791

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

No Flash or Air, only JS and client-side Canvas...

Better if Free...

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...

Share Improve this question edited Apr 8, 2009 at 13:14 Robert asked Apr 8, 2009 at 13:05 RobertRobert 1,5974 gold badges14 silver badges12 bronze badges
Add a comment  | 

6 Answers 6

Reset to default 8

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).

本文标签: canvasJavaScript Charting libraryGoogle Analytics StyleStack Overflow