用于绘制区域的Javascript图形库

2 投票
3 回答
766 浏览
提问于 2025-04-15 11:31

作为一个热爱风帆冲浪的人,我很想知道接下来几周的风力情况。因此,我写了一个小程序,从一个热门的天气网站上抓取数据(仅供个人使用,不会分享这些信息),然后把这些数据整理成一张图表,这样我就能轻松看到什么时候适合出去冲浪。

我的后端已经搞定了,但现在需要一种方法来展示这些数据。我的数据抓取程序目前给了我两组数据,一组是一般的风速,另一组是风速可能达到的最大值。接下来我想做的是把这两组数据在图表中显示为两条线,并且把它们之间的区域填上颜色。

我考虑使用像flot库这样的工具来展示数据。唯一的问题是,我找不到一种方法来填充两条线之间的区域。

如果有人有关于如何在flot或其他库中实现这个功能的建议,或者其他绘图技巧(我的服务器上有Django,所以任何用Python或JavaScript的方案都可以),我很想听听。理想情况下,我希望这是一个JavaScript的解决方案,这样就不需要提供图片了。

3 个回答

0

我会使用 Open Flash Chart,你只需要创建一个包含数据的 JSON 文件,然后就可以在你的页面上添加各种炫酷的效果了……

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

1

你可以看看Dojo这个工具。看起来对你来说很简单,只需要把底线用和背景一样的填充颜色画出来就行了。这样就能达到你想要的效果。

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

1

看看这个Google图表API吧。它们让这类事情变得很简单。如果没有一些示例代码,我可能很难给你一个例子,但Google的文档里有一个很不错的示例。

撰写回答