使用 SVG 渲染的图表小部件答案

【问题标题】：chart widget using SVG rendering使用 SVG 渲染的图表小部件
【发布时间】：2013-03-21 12:01:20
【问题描述】：

我正在寻找一个使用 SVG 渲染的 javascript 图表生成小部件。我找到了类似 www.jqwidgets.com 的东西，但许可版本不是免费的。我找到了另一种叫做 yui 图表的 BSD 许可证，我可以在商业上使用它，但这个使用的是 flash。

有谁知道任何使用 SVG 渲染并且可以免费用于商业用途的图表小部件？

【问题讨论】：

【解决方案1】：

我相信出色的 gRaphaël 库（Raphaël 的子项目）可以满足您的需求。

它是 MIT 许可的，使用 javascript 和 SVG，父库不仅适用于图形，还适用于任何带有矢量图形的东西 - 与 canvas 方法相比，它具有接收 DOM 事件的优势。

它不依赖/与 jQuery 集成，但实际上并不需要这样做。

【讨论】：

它看起来很整洁，但看起来不太容易使用，或者可能只是我自己
查看演示的源代码以快速上手，但简单的图表通常是调用 barchart(x, y, width, height, [1,2,3]) 之类的函数你的 raphael 对象。

【解决方案2】：

d3.js 不完全是一个小部件，而是一个丰富的数据可视化库，可以选择输出到 SVG。您究竟想生成什么样的“图表”？

【讨论】：

d3.js?我目前想要折线图和条形图，还有饼图会很好
好吧，你可以用 d3.js 做所有这些事情，而且非常优雅，尽管它可能不像你想要的那样开箱即用。你可以看看 Highcharts，它似乎更倾向于商业图形，虽然我自己没有尝试过。