一 簡介
　　自從ColdFusion（以下簡稱CF）被Macromedia公司收購了以后，MM公司將CF在FLASH應用又提升了一個層次，利用CF可以動態的和FLASH集成。其中最長用的是HARPOON，但是CF在FLASH圖表方面的作用卻很少有人知道。今天我要講的就是FLASH在CF中最被看好的特性之一，內建圖表。

　　首先我們需要工具，動態的生成FLASH圖表全靠Macromedia Generator，Generator是FLASH輸出服務器用來發動CF制圖的引擎。Generator制圖一般的過程就是：
1）CF將數據傳遞給Generator
2）Generator將該數據變成圖表并返回給CF
3）輸出到瀏覽器

　　當然，你不要特意的去安裝Generator，這在你安裝ColdFusion的時候自動安裝好了。如果你安裝了COLDFUSION，可以下載本教程，里面包含了本文章中將要用到的數據庫和腳本文件。

二 熟悉標記
　　CF用來制圖的標記有兩個，即CFGRAPH>和CFGRAPHDATA>,其中CFGRAPH>用的最多，而CFGRAPHDATA>使用頻率幾乎不到1%，所以我們只要熟悉CFGRAPH>就行了。首先介紹一下CFGRAPH>幾個基本屬性字段。

CFGRAPH>輸出以下參數是必須的。
1.TYPE：圖表的類型，有5種，餅圖，柱形圖，折線圖，條形圖，面積圖。
2.QUERY：用來接受CF傳遞數據
3.VALUECOLUMN:用來制圖的數據查詢列，例如，一類文章的總數
4.FILEFORMAT：在瀏覽器輸出的格式，有兩種，FLASH的SWF和JPG格式。

還有些參數，因為不是很重要的，我們將在后面實際應用中再一一介紹。

三 示范
　　這是重點，最好親手操作一下，你可以下載本教程中的數據庫使用，不要另外建立一個數據庫了，另外本數據庫的在CF設置的數據源為CFLASH。
　　我的數據庫設計比較簡單，完全是為了這篇文章做的，一共有兩個表：FILE和SORTFILE表存儲文章的標題TITLE，詳細信息detail，文章類型SORT，當然還有個IDSORT包含文章的類型SORTID和名稱SORTNAME。
　　這兩個表的關系是：FILE中的SORT連接到SORT查詢。

我們下面就開始了。

1.首先我們在CF建立一個查詢，然后分組、排序。當然排序你可以免了的。
內容如下：

CFQUERY NAME="wait" DATASOURCE="cflash">
SELECT sortname, COUNT(*) AS Count
FROM sort,file
WHERE file.sort = sort.sortID
GROUP BY sortname
ORDER BY sortname
/CFQUERY>

上面這個QUERY是查詢每個類型里面有多少篇文章。

2.做好了查詢以后就有開始制作圖表了。

如果對CFGRAPH>還不熟悉的話，請再看看前面介紹的基本類型。

CFGRAPH
TYPE="Pie"
QUERY="wait"
VALUECOLUMN="Count"
ITEMCOLUMN="sortname"
FILEFORMAT="Flash"
TITLE="The Pie"
borderwidth="0"
depth="10">
/CFGRAPH>

　　我來介紹一下，TYPE是類型PIE是餅圖，QUERY就是接受先前在CF里面查詢名。VALUECOLUMN是查詢列的數據，我的目的是統計每個類型里面有多少篇文章。ITEMCOLUMN是顯示標簽，我這里設置顯示SORTNAME，類型名稱。    FILEFORMAT是輸出類型。我這里選擇的是FLASH，如果要用圖片顯示，你可以改為JPG。borderwidth:這是圖表邊框，0就是不顯示邊框。DEPTH，為縱深度，你不想 讓你的圖表就是一個死板的平面圖吧？設置這里可以更有立體感。

　　好了。現在把上面組合成一個文件，源文件如下：

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
!---
title:讓ColdFusion來做FLASH1>
author:wait(parole@163.net)
description:CFGGRAPH應用
date:November,11 2002
--->
!--- 查詢數據庫 --->
CFQUERY NAME="wait" DATASOURCE="cflash">
SELECT sortname, COUNT(*) AS Count
FROM sort,file
WHERE file.sort = sort.sortID
GROUP BY sortname
ORDER BY sortname
/CFQUERY>

html>
head>
    title>讓ColdFusion來做FLASH/title>
/head>
body>
center>h3>CFGRAPH的TYPE4種屬性/h3>/center>
hr>
center>
!--- 下面分別列出了各種屬性的應用 --->
CFGRAPH
TYPE="Pie"
QUERY="wait"
VALUECOLUMN="Count"
ITEMCOLUMN="sortname"
FILEFORMAT="Flash"
TITLE="The Pie"
borderwidth="0"
depth="10">
/CFGRAPH>
HR>
center>b>Power by ColdFusion/b>br>fontsize="-1">COPYRIGHT(C)2002 A HREF="MAILTParole@163.net">wait/A>.All Rights Reserved./font>/center>
/body>
/html>

代碼拷貝框