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

时间:2011-06-22 16:55:43

标签: html5 canvas

要求:

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

我看过以下内容:

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

根据您(或您的团队)的经验,您会推荐哪一个?

考虑以下几个方面:

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

2 个答案:

答案 0 :(得分: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库更快地获得一些东西,它可以让你很快地评估它是否适合。

答案 1 :(得分:1)

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

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

感谢。