2

我正在使用 XSLT 将 XML 转换为 SVG。我想创建水平条形图，左侧有一个值，右侧有一个条形图值。XML 如下所示：

<value1 name="something">
  <value2>13</value2>
</value1>
<value1 name="something else">
  <value2>45</value2>
</value1>

这就是我到目前为止所得到的，从 value2 创建水平条形图。

<xsl:template match="/" mode="svg">
    <svg width="500px" height="500px" xmlns="http://www.w3.org/2000/svg">
      <g id="bar" transform="translate(50,50) rotate(90 90 90)">
        <xsl:for-each select=".../value1">
        <xsl:variable name="val" select="value2"/>
      <rect x="{position()*25}" y="-{$val*1.5}" height="{$val*1.5}" width="15" style="fill:{@fill};"/>
      <text x="{position()*25 + 7.5}" y="0" style="font-family:arial;text-anchor:middle;baseline-shift:-15;">
      </text>
    </xsl:for-each>
  </g>
</svg>

我遇到的问题是将文本和图表放在一起。我想错了吗？我希望输出看起来像这样：

value1     bar chart  value2
value1     longer bar chart  value2

我真的被困住了，所以任何帮助表示赞赏！

4

1 回答 1

0

使用 XSLT 实用程序模板生成 SVG 条形图，如下所示：

于 2013-12-05T19:12:41.250 回答