我现在应该使用哪些基于HTML5画布的控件库？

Question

谷歌表明,已有很少的通用HTML5基于画布的库可用.但是,我从"大型"控制开发人员(如Infragistics,Rad等)看到的高质量编辑/图表控件都没有.

关于我应该看什么的任何建议？

Answer 1

首先,我认为你不会从大公司那里找到Javascript库的解决方案.使用Javascript的人不习惯为企业级js库支付高额费用;).

我会给你一些可能性的概述:

1. Highcharts是您可能追求的开箱即用解决方案.我在一个项目中使用它取得了巨大成功.它有大量的文档,并在GitHub上积极开发.它易于使用,非常适合(不要低估外观"功能")并且是交互式的:您可以绑定/附加到触发元素的事件,如"悬停在栏上"或"点击一个点" .一个网站用于商业用途需要花费80美元(非商业用途是免费的).
2. Ext JS 4.另一个开箱即用的解决方案是最近(2011年4月)发布的第四版流行的Javascript库Ext JS.这第四版本现在支持免费的插件,图表(即没有闪光灯,只是原生技术,如SVG和VML因此它可以跨浏览器.如果你使用台式机或企业功能,你通常不会在Javascript库找到像Windows,布局管理器,MVC,拖放,工具栏,菜单,表单等,这绝对适合您.请查看这里的示例.
3. gRaphaël是另一个很棒的图书馆,并且在MIT许可下(免费用于商业用途!).它看起来更像"Flash-y",更适合开发人员/密集型.所以你必须自己编写很多代码(它不是像Highcharts这样的完整解决方案),但是如果你能够流利使用jQuery,那么你会感到宾至如归.:) 它的优势在于能够编写任何你想要的东西,你可以用它来做很多动画,就像在jQuery中一样.图中的所有元素都是SVG节点,因此您可以将事件附加到每个节点,并执行一些强大的功能.演示值得一试.
4. 情节.就像alexn说的那样,你可以使用Flot,但我已经使用过一次并且不是很喜欢它.我不知道究竟是什么不适合我,这是一个主观的事情.我不是很喜欢它的外观,但那只是我.亲自看看吧.
5. 其他图书馆,如RGraph或Zingchart.我没有使用任何这些,所以这纯粹来自我所看到的:它们看起来像是处于起步阶段/没有抛光.我希望他们能够改进,但无论如何都要看看他们并选择你的赢家.

但是你说你想要基于画布的控件.这是为什么？是因为canvas是沿HTML5销售的.看,Highcharts和gRaphaël 不是基于画布的,但我认为这是你想要的,所以无论如何我都把它们放进去了.gRaphaël的工作方式是这样的(Highcharts相同的方式工作引擎盖下,但被隐藏到开发者):gRaphaël为您提供了一个API(例如piechart()),然后产生大量的SVG元素(把它们想象成<DIV>秒,但与然后绘制更复杂的形状和图形滤镜.您还可以将事件处理程序设置为这些元素.但由于IE不支持SVG(这是一个令人震惊的),库会转换这些API调用以创建用于IE的VML.

但帆布是不同的.本身没有"元素",你只是绘制线条和形状,但你不能只使用事件处理程序绑定到它们的事件.所以对我来说,SVG更好(你应该看到SVG能够使用的一些图形过滤器,比如模糊),我认为这些库更加成熟.

但是不要相信我的话;).检查出来,告诉我你的想法.

Answer 2

海军报

alt text http://people.iola.dk/olau/flot/flot-screenshot.png

这是一个很好的图表控件.Flot实际上用于在Stack Overflow中显示您的声誉.