关于生成svg图表的示例

Question

我必须生成一些图形字符，并且我现在使用pChart util。我想从现在开始使用基于svg的图形，因为鼠标事件似乎更容易处理。

我见过raphael js样本和svgweb库，但是我没有找到任何有关如何使用svgweb的图表示例。

1）你知道我在哪里可以看到一些关于如何使用svgweb生成图表的示例吗？
2）你认为我必须继续使用pChart，还是逐步替换它在我的应用中的使用？

Answer 1

如果你不是使用pChart附加到，你可以看看Google Charts API。如果你想以这种方式使用它，似乎也有几个PHP包装（here,gchartphp和here）。

Answer 2

dojo charting使用svgweb

Answer 3

首先澄清：Svgweb不生成图表。

svgweb是一个SVG 兼容垫片。它需要一个现有的 SVG，并在非SVG功能的浏览器（使用JS和Flash的聪明组合）中处理它。

因此...要使用svgweb，您需要一些其他方法来生成SVG图表 - 服务器端，客户端Google Charts。

我简单地看了一下pChart，它没有呈现SVG，所以你需要找到另一个图表工具。这里有一些来自网络的（有可能还有更多可行的选择）：

• http://www.liquidx.net/plotkit/ - 客户端SVG图表
• http://www.amcharts.com/javascript - 客户端SVG图表
• http://xmlgraphics.apache.org/batik/uses.html - 服务器端Java SVG渲染器（可能对您而言太低级）

svgweb上的一个不错的打印引擎是this alistapart article。他们的例子使用现有的/手工制作的SVG。你的动态可能会很活跃，但总的想法是一样的。

所有这一切，我认为你应该看看没有比你提到的gRaphael。您将获得IE兼容性和图表创建，并将其集成到一个优雅的包中，并且鼠标事件也很简单。

大多数图表类型都很好地处理，但您可以随时使用基本Raphael对象进行一些额外的工作。你可能已经看到了这一点了，但这里有必要alistapart概述：http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

Answer 4

试试这个它的我用过的最好的一个：

http://www.highcharts.com/demo/

http://www.highcharts.com

我认为它不是100 ％免费，但它并不昂贵，你可以免费使用一些图表

Answer 5

SVG Web使用Flash在非SVG兼容浏览器中呈现SVG。为了确保您的SVG图形可以在网页中使用95％，您可以使用SVGWeb，IE9以及所有现代浏览器支持SVG，因此您可能不需要长期使用SVGweb。但也有很多其他的图书馆，它可以帮助在这里：

JQuery的SVG：http://keith-wood.name/svggraphRef.html Protovis：http://vis.stanford.edu/protovis/

Answer 6

有几个基于Java的图表库可在那里。如果您有Java支持，我会推荐使用JFree Chart。它是开源的，广泛用于重要的报告项目。 JasperReports库使用JFree Chart，它非常可靠。

它支持像SVG这样的矢量图形格式。我使用JFreechart为我的项目创建了条形图，饼图，2-级比较条形图和3级比较条形图。该库非常灵活，可以满足任何类型的图形创建要求。