您使用过的最好的基于html5的图表包是什么？

Question

要求：

• 列表项
• 完全是客户端（除了转换为图像）
• 导出到图片
• 能够打印图表
• 用户互动（悬停注释）
• 多轴
• 价格＆lt;每个网站300美元
• IE6 / 7/8兼容性可选

我看过以下内容：

• 列表项
• Highchart
• rGraph
• Zingchart
• infoVis toolkit
• jQuery Flot
• Protovis
• jqPlot

根据您（或您的团队）的经验，您会推荐哪一个？

考虑以下几个方面：

• 列表项
• 易用性/学习曲线
• 易于扩展/可定制性
• 可用图表/主题，美学范围
• 支持/错误程度

Answer 1

不要痛苦并回避你，但是 - 我说这是一个Canvas情人 - 我用过的最好的图表包是gRaphael，它使用的是SVG / VML而不是Canvas。

http://g.raphaeljs.com/

您仅将此标记为“画布”和“html5”，但gRaphael满足您的大部分要求。它特别易于使用，并且学习曲线更好，因为与基于Canvas的库相比，SVG通常需要更少的代码来获得丰富的用户体验。

Here is the plugin for exporting-to-image for raphael-based apps

我不确定打印情况，但由于它是SVG，你应该能够比使用Canvas时更少打印，但我不认为raphael有任何额外的内置处理印刷。

当然，使用SVG意味着如果你计划制作一个具有大量动画和交互性的高度复杂/大型应用程序，性能会受到更多影响，但这在图表领域是不太可能的，除非你试图赢“最令人作呕的提供信息的方式”奖等等。

我认真地认为你应该先用gRaphael开始为你的应用做原型设计。你应该能够比使用Canvas库更快地获得一些东西，它可以让你很快地评估它是否适合。

Answer 2

@Xerion - 我在ZingChart团队。 Zing应该很好地适应这个法案，因为它在HTML5 Canvas，SVG，VML和/或Flash中呈现兼容性和各种场景。 Simon对SVG有一个很好的观点 - 更复杂的图表（数据，功能或其他）往往会导致SVG在性能上落后于Canvas。请参阅此处http://www.zingchart.com/#speedtest的不同方案。

如有任何问题，请随时与我联系zingchart.com，或在twitter.com/zingchart上提及/关注我们。

感谢。