使用SVG和XML绘制图形

Question

是的，刚刚在这里做了一点点输入，真的是关于最好的方法是什么。我有一个像这样的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相同（如上所述），则“hold”的第二个矩形将位于“STAGE”的第一个矩形旁边。矩形的长度将由日期的差异决定。每个不同的项目（按ID）将有一个新的行。图表需要在y轴上有ID，在x轴上有日期。

我是SVG的新手，想知道人们会建议建立这样一个图表吗？

由于

Answer 1

您是否计划在网络浏览器中显示此SVG？

如果是这样，基于浏览器的Javascript库（例如Raphael（或者它的图形特定加载项gRaphael）是否会有用？

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

如果不这样，我能想到的下一个最佳解决方案是使用XSL将输入XML转换为SVG，但这将是一项艰苦的工作。