使用SVG和XML绘制图形

对，就在这里稍微输入一些信息后，真正了解最佳方式是什么。我有一个XML文件，像这样：使用SVG和XML绘制图形

<Projects> 
    <project> 
     <ID>1234</ID> 
     <DATE>17/05/2011</DATE> 
     <TYPE>STAGE</TYPE> 
    </project> 
    <project> 
     <ID>1234</ID> 
     <DATE>19/05/2011</DATE> 
     <TYPE>HOLDING</TYPE> 
    </project> 
</Projects>

从这个XML我需要生成一个柱状图，对每个“类型”的日期会水平的SVG矩形。如果ID是相同的（如上所述），则'持有'的第二个矩形将位于'STAGE'的第一个矩形旁边。矩形的长度将取决于日期的差异。每个不同的项目（通过ID）将有一个新的线。该图需要在y轴上有ID，在x轴上有日期。

我是SVG的新手，想知道人们会建议如何构建这样的图表？

谢谢

来源

2011-05-25 RichW

是否需要用SVG完成？ http://www.simile-widgets.org/有一个很好的时间线小部件，这听起来可能对你有用。 – Dan 2011-05-26 00:03:45

你在寻找什么建议？是否使用SVG，或者如何从数据生成SVG？ – robertc 2011-05-27 13:36:37

您是否打算将此SVG显示在Web浏览器中？

如果是这样，基于浏览器的Javascript库如Raphael（或它的图形专用插件gRaphael）是否有用？

Raphael允许您在浏览器中动态生成SVG。

如果失败了，我能想到的下一个最佳解决方案就是使用XSL将输入XML转换为SVG，但这将很难。

来源

2011-05-27 15:04:52 Spudley

使用SVG和XML绘制图形

回答

相关问题