用于绘制区域的Javascript图形库

时间:2009-05-11 15:20:58

标签: javascript python django graph screen-scraping

作为一个敏锐的风帆冲浪者,我对未来几周的风将感兴趣。为此,我一直在写一个小应用程序来刮取一个受欢迎的天气网站(仅限个人使用 - 不传递信息或任何内容)并将数据整理成一个图表,这样我就可以轻松地看到什么时候值得前进进行。

我的后端工作但需要一种方法来显示数据。我的刮刀目前给了我两个系列的数据,这些数据告诉我一般风的强度以及它可能有多强烈。我接下来要做的是将这两个数据集显示为图形中的一对线,并​​遮蔽它们之间的区域。

我正在考虑使用类似the flot library的内容来显示数据。唯一的问题是我看不到在两条线之间遮挡区域的方法吗?

如果有人建议如何在flot或其他库或图形技术中执行此操作(我的服务器上有DJango所以任何pythonic或javascripty应该没问题),我有兴趣听听它们。理想情况下,这将是一个javascript解决方案,以避免必须提供图像。

3 个答案:

答案 0 :(得分:1)

看看Google chart API's。他们使这种事情变得非常容易。如果没有一些示例代码,我会很难给你一个例子,但谷歌在文档上很好。

答案 1 :(得分:1)

你应该看看Dojo。看起来你很容易做到,只需用与背景相同的填充颜色绘制底线。这应该会让你获得你想要的效果。

http://dojocampus.org/explorer/#Dojox_Charting_2D

答案 2 :(得分:0)

我使用的是开放式Flash图表,你只需要创建一个包含数据的JSON,然后你就可以看到页面中所有华丽的酷炫......

http://teethgrinder.co.uk/open-flash-chart-2/