做金融类网站的时候,出现的最多的是价格走势图,但由于金融市场变化非常快,人工做图的话很不靠谱,机器生成的话开发难度比较大。所以小型金融网站通常会引用大网站的数据,例如 Google 财经频道的走势图。
可是 Google 采用的是 flash 来展示价格走势,如果我们的网站要针对 iPad 等移动终端进行开发的话,只能使用 HTML5 canvas 标签绘图。今天在网上看到一个 Prototype 插件,可以在 canvas 里绘制非常精致的股市走势图。
![humble-financial-chart Humbel财经走势图](http://www.wufangbo.com/wp-content/uploads/auto_save_image/2011/04/161525Ofa.gif)
由于是前端 js 绘图,因此具有非常好的数据交互性,而且在进行移动终端优化时也比较方便。
官方网站