用 XSLT 把 XML 数据生成柱状图
来源：快乐笛子的博客 发布时间：2009-05-19 12:46:00
标签：柱状图,xml,xslt
这是一个非常简单的解决方案，柱状图中每一条柱都是一个 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>
0
投稿猜你喜欢
- zy3287 问：<script src="js.js?id=999" type="text/javas
使用SQL Server事件探查器工具，你可用一个捕获到的跟踪来收集有关服务器的重要信息。与索引优化向导(Index Tuning Wiza- 代码如下:use tempdb if object_id('tempdb..#table') is not null dro
- 从MySQL 5.0 开始，支持了一个全新的SQL句法：PREPARE stmt_name FROM preparable_stmt;EXE
- ChatGPT 是 OpenAI 开发的 GPT（Generative Pre-trained Transformer）语言模型的变体。它是
- 最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提
- [参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系统：Windows
- 在默认情况下，MySQL搜索不区分大小写（但某些字符集始终区分大小写，如czech）。这意味着，如果你使用col_name LIKE
- QueryCache(下面简称QC)是根据SQL语句来cache的。一个SQL查询如果以select开头，那么MySQL服务器将尝试对其使
- 我们可以先建立一个包含文件名，文件标题的待检索文件的数据库，然后，用ADO方式来访问它，并建立记录集对象。具体代码和说明见下：
- 这个例子可作为一个模式，在你需要的时候套用。<!DOCTYPE HTML PUBLIC &q
- 英文的文档在这里，详细全面，本文仅为自己的学习笔记，只是试图通过转述加深自己的学习，不详细不全面。由于浏览器之间的差异，所以在JS中监听事件
- * 惯，请先看测试页面：event-test.html 结论：在非IE浏览器，同一元素同一事件类型的处理函数是先进先出的。只有IE下，是先进
- JScript 具有全范围的运算符,包括算术、逻辑、位、赋值以及其他某些运算符。算术运算符描述 符号 负值 - 递增 ++ 递减 ? 乘法
- Asp中Server.ScriptTimeOut属性需要注意的一点Server.ScriptTimeout 这个属性给定Asp脚
- if rs.bof then 表示：当前指针的位置是在第一行记录之前 if rs.eof then 表示：当前指针的位置是在最后一行记录之后
- 图形由json格式加载，可以灵活配置。下一步是完善用户的操作，做这个感觉还是蛮有意思的。呵呵。截图：部分源码：<script type
- js运行效果，含公历农历，生肖及节日的javascript日历代码：<html><head><meta htt
- 技巧之一：提高使用Request集合的效率 访问一个ASP集合来提取一个值是费时的、占用计算资源的过程。因为这个操作包含了一系列对相关集合的
- 从MySQL 5.0.2开始，通过mysql_stmt_attr_set() C API函数实现了服务器端光标。服务器端光标允许在服务器端生
