如何创建像Google财经这样的动态折线图?

时间:2011-04-29 16:21:03

标签: jquery charts linegraph

我正在为我正在做的网页创建动态可缩放的线图。

我被告知“make it like Google's one”(虽然由销售人员反过来鹦鹉客户,所以他的目标很高。一旦我告诉他多少它们,他们都会回到地球上会付出代价!)

有人可以推荐从哪里开始吗?那里有可用的jQuery插件吗?或者其他产生类似东西的方法?

7 个答案:

答案 0 :(得分:12)

你可以试试像Wyatt所说的谷歌图表API,不过,请记住谷歌将数据提取到服务器,如果你的客户有任何隐私问题,也许这不是解决方案。

我会推荐这些 - jqPlot - 外观漂亮,MIT / GPL许可,互动,http://www.jqplot.com/

flot - 外观漂亮,开源,互动,http://code.google.com/p/flot/

Highcharts - 多个许可证(可能需要支付)http://www.highcharts.com/

很多其他选项,但这些都是基于javascript的:)

答案 1 :(得分:4)

您可以使用same toys google is using作为初学者。

答案 2 :(得分:3)

如果您需要显示时间序列或股票图表,Humble Software的envision.js看起来也很有希望。

http://www.humblesoftware.com/envision

财务/股票图表演示:
http://www.humblesoftware.com/envision/demos/finance

答案 3 :(得分:2)

我会建议使用dygraphs。这个是为了复制谷歌图表而开发的。它还有像谷歌图表一样的范围选择器。

答案 4 :(得分:1)

我喜欢Amcharts' Stockchart但它是基于Flash的图表。但是它非常可靠,易于实现,并且适用于大型数据集。

他们的regular Linechart product要便宜得多,而且还有一个非常直观但不太吸引人的缩放滚动设施。

编辑:正如用户mg1075所指出的,amcharts现在可以作为Javascript图表使用。

答案 5 :(得分:1)

根据我的经验,我希望这更好http://www.jqplot.com/

答案 6 :(得分:0)

我已经使用并喜欢flot库。易于使用且易于上手。加上它基于jQuery。