javascript - Svg 图表库

Question

你知道是否有任何类似于http://www.amcharts.com/ (Flash) 的 SVG + js 图表库。我需要在不支持 Flash 但支持 SVG 的浏览器中提供漂亮的交互式图表功能。

score 75 · Accepted Answer

根据许可要求和功能，您有几个选择。从 IE 6 到 IE8 不支持 SVG，因此您可能会发现一些库使用 canvas 在 IE 上运行，而另一些库使用 VML 在 IE 上运行。

Plotkit是一个混合 SVG+Canvas 库，最新版本有点过时（0.9.1 于 2006 年 8 月 29 日发布）BSD 许可。
Elycharts是一个 SVG+VML 库（在后台使用 RaphaelJS），具有良好的功能集、交互性和酷炫的动画。（2010 年 12 月的最新版本 2.1.3）Mit 许可。
g.raphael是一个 SVG+VML 库（使用 RaphaelJS，来自 RaphaelJS 的同一作者）。它对信息图表非常有用，对经典图表不太好。（2009 年的最新版本 0.4.1）Mit 许可。
Grafico又是一个 SVG+VML 库（同样基于 RaphaelJS）。它具有比 gRaphael 或 Elycharts 更多的图表类型，但比 Elycharts 更少的选项/可配置性。麻省理工学院许可。
Google Chart Tools提供基于 SVG+VML 的图表。它可以免费使用，但我没有找到完整的许可条款。它还提供了一个编辑器（即使在他们的网站上不容易找到）
D3.js是一个基于数据操作文档的 JavaScript 库。D3 帮助您使用 HTML、SVG 和 CSS 将数据变为现实。

您还有一些商业选择：

ZingChart - 这是唯一一个允许 SVG、VML、canvas 和 flash 的库，以支持所有设备。它很昂贵，但非常完整。
HighCharts - 一个非常完整的 SVG+VML 库，具有非常好的文档和非常完整的功能集。它有一个免费的个人使用许可证，但它显示了对个人的非常“严格”的解释，您自己的博客可能不被视为“个人”，这就是为什么我在“商业选项”下显示它的原因。

score 4 · Accepted Answer

4

您需要更具体地了解您需要的功能，但您可能需要查看PlotKit。

于 2009-04-27T14:46:30.937 回答

score 2 · Accepted Answer

现在amCharts提供SVG 图表，并且仍然为不支持SVG的旧浏览器生成 flash 图表。

amCharts支持所有现代浏览器，包括现代版本的Firefox、Chrome、和. 它还可以在由( , , ) 和.SafariOperaInternet ExploreriOSiPadiPhoneiPod TouchAndroid Honeycomb

score 2 · Accepted Answer

2

D3是一个非常好的开源图表库，它使用 SVG。

于 2012-06-21T09:55:33.407 回答

score 1 · Accepted Answer

google 可视化 API 有一些 SVG 图表，您可以使用http://code.google.com/apis/visualization 虽然这不是一个 avg 库，但它是一个图表库。

score 1 · Accepted Answer

你检查过 ZingChart吗？它以 HTML5 Canvas、SVG 和 Flash（以及用于旧 IE 后备的 VML）呈现图表。

我在团队中。如有任何问题，您可以通过 support[at]zingchart.com 联系我们的团队，或在http://twitter.com/zingchart提及/关注我们。

-安德鲁

score 0 · Accepted Answer

Raphaël也很有用——查看 gRaphaël——图表插件——它有非常令人印象深刻的例子。

7 回答 7