用 XSLT 把 XML 数据生成柱状图

这是一个非常简单的解决方案，柱状图中每一条柱都是一个 div，数据的大小呈现在 div 的宽或高上。

 查看演示 例子下载

实现的原理也很简单，在所有数据中获取最大的一个(getMax)，把它当做满分，即 div 的宽或高度最大，其他数据都参考该最大值相应缩小 div 的宽高。

由于目前 msxml 还不支持 XSLT 2.0 的函数，所以在 XSLT 1.0 实现 getMax 方法，还需要用到 for-each：

<XSL:VARIABLE name="theMax">
<XSL:FOR-EACH select="/root/month/date">
<XSL:SORT order="descending" data-type="number" />
<XSL:IF test="position()=1"><XSL:VALUE-OF select="." /></XSL:IF>
</XSL:FOR-EACH>
</XSL:VARIABLE>