JavaScript图表库 - Google Analytics风格

时间:2022-03-25 15:22:00

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.

我正在搜索Javascript库来创建像Google Analytics这样的折线图。当鼠标悬停在一个点上时,会出现一个框显示数据。

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 个解决方案

#1


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是一个我在新闻网站上看过的商业图书馆。

#2


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.

另一种选择是使用Google的可视化API。它非常易于使用,并且它们有多种显示数据的选项。要记住的一件事是,一些可视化需要您将数据发送到他们的服务器,尽管canvas / svg都没有这个要求。

#3


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

或者,如果您喜欢自己滚动,可以使用此库创建自己的图表组件...

#4


As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.

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

#5


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

#6


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

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

#1


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是一个我在新闻网站上看过的商业图书馆。

#2


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.

另一种选择是使用Google的可视化API。它非常易于使用,并且它们有多种显示数据的选项。要记住的一件事是,一些可视化需要您将数据发送到他们的服务器,尽管canvas / svg都没有这个要求。

#3


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

或者,如果您喜欢自己滚动,可以使用此库创建自己的图表组件...

#4


As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.

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

#5


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

#6


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

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