有关生成svg图的示例

| 我必须生成一些图形字符，并且现在已经使用了pChart util。我正在考虑从现在开始使用基于svg的图形，因为鼠标事件似乎更容易处理。我看过raphael js样本和svgweb库，但是我没有找到有关如何使用svgweb绘制图表的任何样本。 1）您知道在哪里可以看到有关如何使用svgweb进行图表生成的示例吗？ 2）您认为我必须继续使用pChart，还是逐步替换其在我的应用程序中的使用？

已邀请:

6 个回复

蓄荣糖些

如果您不喜欢使用pChart，可以看看Google Charts API。如果您想以这种方式使用它，似乎也有一些php包装器（在这里是gchartphp和此处）。

纫合峭

SVG Web使用Flash在不兼容SVG的浏览器中渲染SVG。为了确保您的SVG图形可以在95％的Web上正常工作，您可以使用SVGWeb，IE9，并且所有现代浏览器都支持SVG，因此从长远来看，您可能不需要SVGweb。但是还有很多其他库可以在这里提供帮助： jQuery SVG：http：//keith-wood.name/svggraphRef.html Protovis：http：//vis.stanford.edu/protovis/

珊畴炮贩号

首先说明一下：Svgweb不会生成图表。 svgweb是SVG兼容性填充程序。它采用现有的SVG并处理在不支持SVG的浏览器中呈现（使用JS和Flash的巧妙组合）。因此，要使用svgweb，您将需要其他一些方法来生成SVG图表-服务器端，客户端，Google图表。我简要地看了一下pChart，它似乎没有呈现SVG，因此您需要找到另一个图表工具。以下是网络上的一些信息（可能还有许多可行的选择）： http://www.liquidx.net/plotkit/-客户端SVG图表 http://www.amcharts.com/javascript-客户端SVG图表 http://xmlgraphics.apache.org/batik/uses.html-服务器端Java SVG渲染器（对于您的目的而言可能太低级了）这篇alistapart文章是svgweb的一个不错的入门。他们的示例使用现有的/手工制作的SVG。您的动态可能会充满活力，但总体思路是相同的。除了所有这些，我认为您应该只提到gRaphael。您将获得IE兼容性和图表创建功能，并将其集成到一个优雅的程序包中，而鼠标事件则非常容易。大多数图表类型开箱即用都可以很好地处理，但是您始终可以利用基本的Raphael对象来定制其他工作。您可能已经看过了，但这是必需的alistapart概述：http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

疏腔傻小雹

那里有几个基于Java的图表库。如果您有Java支持，我建议您使用JFree Chart。它是开源的，并广泛用于主要报告项目中。 JasperReports库使用JFree Chart，它非常可靠。它支持矢量图形格式，例如SVG。我已经使用JFreechart为我的项目创建了条形图，饼图，2级比较条形图和3级比较条形图。该库具有高度的灵活性，可以满足任何类型的图形创建要求。