关于生成svg图表的示例

时间:2011-04-19 12:32:44

标签: svg pchart

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

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

1)你知道我在哪里可以看到一些关于如何使用svgweb进行图表生成的样本吗? 2)你认为我必须继续使用pChart,或逐步取代它在我的应用程序中的使用?

6 个答案:

答案 0 :(得分:2)

如果你不是那个附加到使用pChart,你可以查看Google Charts API。如果你想以这种方式使用它,似乎也有一些php包装器(heregchartphphere)。

答案 1 :(得分:2)

SVG Web使用Flash在非SVG兼容的浏览器中呈现SVG。为了确保你的SVG graphis适用于95%的网页,你可以使用SVGWeb,IE9和所有现代浏览器都支持SVG,因此从长远来看你可能不需要SVGweb。但是还有很多其他的库可以帮到这里:

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

答案 2 :(得分:1)

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

svgweb是一个SVG 兼容性垫片。它需要一个现有的 SVG并处理在非SVG浏览器中呈现它(使用JS和Flash的巧妙组合)。

所以......要使用svgweb,你需要一些其他方法来生成SVG图表 - 服务器端,客户端,谷歌图表。

我简要地看了一下pChart,它似乎没有渲染SVG,所以你需要找到另一个图表工具。这里有很少来自网络(可能有更多可行的选项):

关于svgweb的一个很好的入门是this alistapart article。他们的例子使用现有的/手工制作的SVG。你的可能是动态的,但总的想法是一样的。

除此之外,我认为你应该只看到你提到的gRaphael 。您将获得IE兼容性并将图表创建集成到一个优雅的包中,并且鼠标事件很简单。

大多数图表类型都是开箱即用的,但您可以随时使用基础Raphael对象进行一些额外的工作。您可能已经看过这个了,但这里是必要的alistapart概述:http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

答案 3 :(得分:1)

有几个基于Java的图表库。如果您有Java支持,我建议使用JFree Chart。它是开源的,广泛用于主要报告项目。 JasperReports库使用JFree Chart,它非常可靠。

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

答案 4 :(得分:0)

dojo charting使用svgweb

答案 5 :(得分:0)

尝试这是我用过的最好的之一:

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

http://www.highcharts.com

我认为它不是100%免费的,但它并不贵,你可以免费使用那里的一些图表