使用SVG和XML绘制图形

问题描述

| 是的，仅需一点点输入，就可以知道实现此目标的最佳方法是什么。我有一个像这样的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生成条形图，每个\'TYPE \'的SVG矩形均与日期成水平方向。如果ID相同（如上），则\'holding \'的第二个矩形将位于\'STAGE \'的第一个矩形旁边。矩形的长度将由日期差决定。每个不同的项目（按ID）都有一个新行。图表需要在y轴上具有ID，在x轴上具有日期。 我是SVG的新手，并且想知道人们会建议建立这样的图形吗？ 谢谢     

解决方法

您是否打算在Web浏览器中显示此SVG？ 如果是这样，基于浏览器的Javascript库（例如Raphael（或其特定于图形的附加组件gRaphael））会有用吗？ Raphael允许您在浏览器中动态生成SVG。 失败了，我能想到的下一个最佳解决方案就是使用XSL将输入XML转换为SVG，但这将是艰巨的工作。