简体繁体 English

JavaScript Charting库 - Google Analytics风格

[英]JavaScript Charting library - Google Analytics Style

原文 2009-04-08 13:05:34 6 6 javascript/ canvas/ charts

I'm searching for a Javascript library to create line charts like the ones of Google Analytics. 我正在搜索一个Javascript库来创建像Google Analytics这样的折线图。 When the mouse is over a point, a box shows you the data. 当鼠标悬停在一个点上时，一个框会显示数据。

An example is at http://wikirank.com/en 一个例子是http://wikirank.com/en

No Flash or Air, only JS and client-side Canvas... 没有Flash或Air，只有JS和客户端Canvas ......

Better if Free... 如果免费更好......

6 个解决方案

Edit: If you want a free library, try Flot . 编辑：如果您想要一个免费的库，请尝试Flot 。

Emprise Charts is a commercial library that I've seen featured on news sites. Emprise Charts是一个我在新闻网站上看过的商业图书馆。

Another option is to use Google's visualization APIs .It's pretty easy to use, and they have a several options for displaying data. 另一个选择是使用Google的可视化API。它非常易于使用，并且有多种显示数据的选项。 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. 要记住的一件事是，一些可视化需要您将数据发送到他们的服务器，尽管canvas / svg都没有这个要求。

There's JS-Charts which looks pretty awesome. 有JS-Charts看起来非常棒。

Or, if you fancy rolling your own you can create your own charting component using this library ... 或者，如果您喜欢自己滚动，可以使用此库创建自己的图表组件...

作为Flot的替代方案，如果您使用Prototype.js作为JS框架，则可以使用Flotr 。

Raphael.js非常擅长使用svg / vml制作图形，你必须编写一些自定义代码，但你可以使用它制作一些非常好的动画，旁边它与ie6 +兼容（仅限于android 2浏览器）。

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, Dojo也有类似的东西，虽然所示的例子没有类似的功能，但可以实现像你想要的那样，

http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max