首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我现在应该使用哪个基于HTML5画布的控件库?

我现在应该使用哪个基于HTML5画布的控件库?
EN

Stack Overflow用户
提问于 2010-08-11 00:23:53
回答 3查看 5.5K关注 0票数 10

谷歌显示,基于canvas的通用HTML5库已经很少了。但是没有高质量的编辑/图表控件,这是我过去经常看到的来自“大”控件开发人员的,比如Infragistics,Rad等。

对我应该看什么有什么建议吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-06-21 00:09:40

首先,我认为你找不到大公司提供的Javascript库解决方案。使用Javascript的人不习惯为企业就绪的js库支付高额费用;)。

我将向您简要介绍一下这些可能性:

  1. Highcharts是一个很好的开箱即用的解决方案。我在一个项目中使用它取得了巨大的成功。它有大量的文档,并且正在积极地在GitHub上开发。它很容易使用,看起来很漂亮(不要低估了外观的“特性”),并且是交互式的:你可以绑定/附加到触发元素的事件,比如“悬停在条上”或“点击一个点”。一个用于商业用途的网站(非商业用途为free).
  2. Ext JS 4. )的价格为80美元另一个开箱即用的解决方案是最近(2011年4月)发布的流行Javascript库Ext的第四个版本。这第四个版本现在支持无插件的图表(即没有Flash,只有本地技术,如SVG和VML,因此它可以跨浏览器工作。如果你习惯于桌面或企业特性,而这些特性在Javascript库中通常是找不到的,比如窗口、布局管理器、MVC、拖放、工具栏、菜单、表单等等,那么这绝对是为你准备的。查看示例here
  3. gRaphaël是另一个很棒的库,它受到麻省理工学院的许可(免费用于商业用途!)。它看起来更"Flash-y“,对开发者更友好/更密集。因此,您必须自己编写大量代码(它不像Highcharts那样是一个成熟的解决方案),但是如果您流利地使用jQuery,您就会感到宾至如归:)。它的强大之处在于你可以编写任何你想要的代码,而且你可以用它做很多动画,就像在jQuery中一样。图中的所有元素都是SVG节点,因此您可以将事件附加到每个节点并执行一些功能强大的操作。这些演示值得查看out.
  4. Flot.就像alexn说的,你可以使用Flot,但我曾经用过一次,我不是很喜欢它。我不知道到底是什么不适合我,这是一个主观的东西。我不是很喜欢它的外表,但那只是我的风格。请看一下RGraphZingchart等库。我没有用过其中的任何一个,所以这纯粹是我所看到的:它们看起来还处于初级阶段/还没有被打磨过。我希望他们会有所提高,但无论如何都要看看他们,然后选出你的赢家。

但你说过你想要基于画布的控件。为什么会这样呢?是不是因为canvas是沿着HTML5销售的。你看,Highcharts和gRaphaël不是基于画布的,但我认为这是你想要的,所以我还是把它们放进去了。gRaphaël的工作方式是这样的(Highcharts在引擎盖下的工作方式相同,但这对开发人员是隐藏的):gRaphaël给你一个API (例如piechart()),然后创建大量SVG元素(将它们想象为s,但具有更复杂的形状和图形过滤器),然后绘制这些元素。您还可以为这些元素设置事件处理程序。但由于IE不支持SVG (这令人震惊),该库将这些API调用转换为IE的VML。

但canvas是不同的。本身没有“元素”,你只画线条和形状,但你不能仅仅用事件处理程序绑定到它们的事件。所以对我来说,SVG更好(您应该看到SVG能够实现的一些图形过滤器,比如模糊),而且我认为这些库更加成熟。

但不要相信我的话;)。看看他们,告诉我你的想法。

票数 6
EN

Stack Overflow用户

发布于 2011-06-22 11:46:37

谷歌图表http://code.google.com/apis/chart/怎么样?“谷歌图表工具功能强大,简单易用,而且免费。请尝试我们丰富的交互式图表和数据工具库。开始使用饼图-查看源代码。”

票数 0
EN

Stack Overflow用户

发布于 2011-07-14 03:12:33

我是ZingChart团队的。我们在HTML5画布、SVG和Flash (以及旧的IE回退的VML )中呈现图表。

如果您有任何问题,可以通过supportatzingchart.com或http://twitter.com/zingchart联系我们的团队。

-Andrew

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3451155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档