圖表組件常用參數說明：
animation 是否動畫顯示數據，默認爲 1(True)
showNames 是否顯示橫向座標軸(x軸)標籤名稱
rotateNames 是否旋轉顯示標籤，默認爲0(False):橫向顯示
showValues 是否在圖表顯示對應的數據值，默認爲1(True)
yAxisMinValue 指定縱軸(y軸)最小值，數字
yAxisMaxValue 指定縱軸(y軸)最小值，數字
showLimits 是否顯示圖表限值(y軸最大、最小值)，默認爲1(True)
showColumnShadow 是否顯示各條形圖間的陰影（若柱面圖在一起並列的話）
showAlternateHGridColor 是否隔行顯示不同顏色
圖表標題和軸名稱
caption 圖表主標題
subCaption 圖表副標題
xAxisName 橫向座標軸(x軸)名稱
yAxisName 縱向座標軸(y軸)名稱
imageSave='1' 是否保存圖片
imageSaveURL='Path/FusionChartsSave.jsp '圖片路徑
hoverCapSepChar='，'。鼠標放到柱面上時顯示的提示信息的分隔符
showhovercap='1' 鼠標放到柱面上時是否顯示提示信息
hoverCapBgColor=‘ffffff’提示信息背景顏色
圖表和畫布的樣式
bgColor 圖表背景色，6位16進制顏色值
canvasBgColor 畫布背景色，6位16進制顏色值
canvasBgAlpha 畫布透明度，[0-100]
canvasBorderColor 畫布邊框顏色，6位16進制顏色值
canvasBorderThickness 畫布邊框厚度，[0-100]
shadowAlpha 投影透明度，[0-100]
showLegend 是否顯示系列名，默認爲1(True)
字體屬性
baseFont 圖表字體樣式
baseFontSize 圖表字體大小
baseFontColor 圖表字體顏色，6位16進制顏色值
outCnvBaseFont 圖表畫布以外的字體樣式
outCnvBaseFontSize 圖表畫布以外的字體大小
outCnvBaseFontColor 圖表畫布以外的字體顏色，6位16進制顏色值
分區線和網格
numDivLines 畫布內部水平分區線條數，數字
divLineColor 水平分區線顏色，6位16進制顏色值
divLineThickness 水平分區線厚度，[1-5]
divLineAlpha 水平分區線透明度，[0-100]
showAlternateHGridColor 是否在橫向網格帶交替的顏色，默認爲0(False)
alternateHGridColor 橫向網格帶交替的顏色，6位16進制顏色值
alternateHGridAlpha 橫向網格帶的透明度，[0-100]
showDivLineValues 是否顯示Div行的值，默認？？
numVDivLines 畫布內部垂直分區線條數，數字
vDivLineColor 垂直分區線顏色，6位16進制顏色值
vDivLineThickness 垂直分區線厚度，[1-5]
vDivLineAlpha 垂直分區線透明度，[0-100]
showAlternateVGridColor 是否在縱向網格帶交替的顏色，默認爲0(False)
alternateVGridColor 縱向網格帶交替的顏色，6位16進制顏色值
alternateVGridAlpha 縱向網格帶的透明度，[0-100]
數字格式
numberPrefix 增加數字前綴
numberSuffix 增加數字後綴 % 爲 '%25' / (噸)爲‘%ef%bc%88%e5%90%a8%ef%bc%89’（Server.UrlEncode編碼）
formatNumberScale 是否格式化數字,默認爲1(True),自動的給你的數字加上K（千）或M（百萬）；若取0,則不加K或M
decimalPrecision 指定小數位的位數， [0-10] 例如：='0' 取整
divLineDecimalPrecision 指定水平分區線的值小數位的位數， [0-10]
limitsDecimalPrecision 指定y軸最大、最小值的小數位的位數，[0-10]
formatNumber 逗號來分隔數字(千位，百萬位),默認爲1(True)；若取0,則不加分隔符
decimalSeparator 指定小數分隔符,默認爲'.'
thousandSeparator 指定千分位分隔符,默認爲','
Tool- tip/Hover標題
showhovercap 是否顯示懸停說明框，默認爲1(True)
hoverCapBgColor 懸停說明框背景色，6位16進制顏色值
hoverCapBorderColor 懸停說明框邊框顏色，6位16進制顏色值
hoverCapSepChar 指定懸停說明框內值與值之間分隔符,默認爲','
折線圖的參數
lineThickness 折線的厚度
anchorRadius 折線節點半徑，數字
anchorBgAlpha 折線節點透明度，[0-100]
anchorBgColor 折線節點填充顏色，6位16進制顏色值
anchorBorderColor 折線節點邊框顏色，6位16進制顏色值
Set標籤使用的參數
value 數據值
color 顏色
link 鏈接（本窗口打開[Url]，新窗口打開[n-Url]，調用JS函數[JavaScript:函數]）
name 橫向座標軸標籤名稱
showFCMenuItem='0' 設置右鍵顯示不顯示
1. varmyChart= newFusionCharts("../FusionCharts/FCF_Column3D.swf", "myChartId", "600", "
500");
第一個參數是SWF 文件的地址。
第二個是圖形的id。這個id 你可以隨便叫什麼，但是要注意，在後面我們講到一個頁面裏有
多個圖形的時候，這個id 一定要是唯一的。
第三個參數是圖形的寬。
第四個參數是圖形的高。
我們還要設置數據文件的地址。
1. myChart.setDataURL("Data.xml");
最後，我們把圖形渲染在指定的地方。
1. myChart.render("chartdiv");
"chartdiv"就是前面的DIV 的id，這就表示把圖形render 到"chartdiv"。
現在你運行JSChart.html，你會看到同Chart.html 一樣的效果。很顯然使用JavaScript 加載
圖形，更方便，更直觀。
如果你想在一個新的窗口打開頁面，只需要在連接的前面加上“n-”，就像下面的代碼一樣：
1. <graph caption='Monthly Sales Summary' subcaption='For the year 2006 '
2. xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
3. <set name='Jan' value='1 7400' link='n-DemoLinkPages/DemoLink1.html' color='AFD8F8' />
XML數據節點和常用屬性詳解
caption=‘標題‘
subcaption=‘子標題‘
clickURL=‘abc.jsp‘ 點擊整個圖表時跳轉到abc.jsp
xAxisName=部門‘
numberPrefix =‘￥’ 數據前綴單位
numberSuffix =‘個’ 數據後綴單位
Decimals=‘2’ 保留兩位小數，四捨五入
forceDecimals=‘2’ 強制保留兩位小數，對於5.1 轉換爲5.10
yAxisName=‘完成率’
如果使用漢字漢符需加屬性：rotateYAxisName=‘1’
showValues=‘1’
yAxisMaxValue=‘100’
對於百分比的常用bgColor='999999,FFFFFF‘
漸變bgColor=‘999999 ’ 單色
useRoundEdges=‘1’ 光線效果
baseFont=‘宋體‘
baseFontSize='12'
baseFontColor='333333'
圖片組件使用簡介：
1--WebChart 圖形的基本元素
在我們瞭解了WEBCHART 的各種使用方法以後，我們就會發現，其實我們要做出各種不同的Flash圖形，最關鍵的就是那個XML 數據。它不但可以描述圖形的數據，還可以描述圖形的樣式。
我們需要搞清楚圖形的組成部分，比如什麼是X 軸，什麼是Y 軸，什麼是圖形背景，什麼是是圖形邊框。只有瞭解這些以後，我們才能做出我們相應的圖形。
1.1 圖形背景和畫布
對於3D 圖形，你可以設置canvas background（畫布背景）和Chart Background（圖形背景）的顏色，還可以設置它們是否可見。
對於2D 圖形，你可以設置canvas background color（畫布背景顏色），background alpha（背景透明度），canvas border color（畫布邊框顏色），canvas border thickness（畫布邊框厚度）等屬性。
1.2 Chart Labels（圖形標籤）
你可以設置caption（標題）, sub caption（子標題）, x-axis name（X 軸標籤）, y-axisname（Y 軸標籤）, y-axis maxlimit（Y 軸最大值）， y-axismin limit（Y 軸最小值）, numberPrefix（數值前綴）, numberSuffix（數值後綴），ChartLegend（ 圖例）。
1.3 DIV lines（刻度線）
你可以設置Trend Line（趨勢線），ZeroPlane（零平面），DivLine（刻度線）等的一些屬性。
1.4 Alternating（間隔色）
你可以設置AlternatingColoredHorizontalGrids（垂直表格間隔色）以及透明度，AlternatingColoredVerticalGrids（水平表格間隔色）以及透明度。
1.5 Hover Caption（提示信息）
你可以設置hovercaptionbackground--提示框的背景，hovercaptionborder 提示框的邊框，hovercaptiondataseparatorcharacter--提示信息的分割字符。
6.6 Anchors（錨點）
你可以設置Anchors（錨點）的shape（形狀）, radius（半徑）, bordercolor（邊框顏色）, thickness（邊框厚度）, alpha（邊框透明度）, background color（背景顏色）, backgroundalpha（背景透明度）等屬性。
本章我們瞭解了一些圖形基本構成元素，還了解了我們可以對它們進行哪些設置。下章我們將介紹一下的XML。
2--WebChart 和XML
WebChart 使用XML 來創建和控制圖形。
2.1 數據類型
一共有四種數據類型。
Boole an - 它的值爲0 或1，1 表示true，0 表示false。例如<graph showNames='1' >。
Number - 它的值應該是一個數值。例如<graph yAxisMaxValue='200' > 。
String - 它的值是一個字符串。例如<graph caption='My Chart' > 。
Hex Color Code - 它表示一個16 進制的顏色，不需要用“#”。例如<graph bgColor='FFFFDD' >。
每個圖形都有很多屬性，我們都可以通過XML 對它進行設置，但是，我們並不需要對每一個屬性都進行設置，因爲它們都有一個默認值，如果我們沒有設置，會使用默認值來替代。
有幾種類型的XML 結構：
2.2 單系列圖形
單系列圖形是指只有一個數據集的圖形。例如，我們的第一個例子，每月銷售情況，就是一個單系列圖形（我們只有一年的數據）。我們並沒有對數據進行比較，例如，比較兩年的每月銷售情況。
2.3 多系列圖形
多系列圖形被用來比較兩個或更多的數據集。
多了一個<categories>元素，它包含很多的子元素.
每個<category>就表示X 軸上的一個名稱。
注意<categories>的子元素的數量應該和<dataset>子元素的一致。
3--WebChart 和組合圖XML
我們來看看什麼是組合圖形，以及它的XML 是怎麼寫的。
3.1 什麼是組合圖形
當我們想在一張圖形裏表示多個圖形類型時，我們就要用到組合圖。提供了雙Y
軸組合圖，它有兩個Y 軸，每個軸表示不同的刻度（例如，收益和數量，或者訪問量和下載量等等。）。圖形左邊的座標軸叫主座標軸，圖形右邊的叫次座標軸。
組合圖分爲2D 和3D.
在雙Y 軸圖形裏，我們必須提供至少兩個數據集，一個對應主Y 軸，一個對應次Y 軸。如果你沒有提供兩個，圖形就不會正確顯示。
3.2 簡單解釋
這個組合圖的XML 和一個多系列圖形的XML 較爲類似，因此，我們只解釋以下不同的地方。
在雙Y 軸組合圖裏，有兩個Y 軸，每個Y 軸都可以有它自己的刻度和數值格式屬性。
PYAxisName 表示主軸的名稱，SYAxisName 表示次軸的名稱。
在每個數據集裏，我們都必須用parentYAxis 屬性來指定它是屬於哪個軸。這個屬性的值只能是“P”或“S”。P 代表主軸，S 代表次軸。例如我們的代碼裏，在主軸上有兩個銷售額數據集--
“2008”和“2009”：
<dataset seriesName='2008' parentYAxis='P' ... >
<dataset seriesName='2009' parentYAxis='P' ... >
在次軸上有一個數量數據集：
<dataset seriesName='Total Quantity' parentYAxis='S' ... >
上面的例子裏，數量數據集表示的是2008 和2009 當月數量的總數。實際上，我們可以在次軸上也設置兩個數據集，一個表示2008 年每月的數量，一個表示2009 年的。
3.3 注意
在運行這個例子是，Flash 文件應該使用WEBCHART_MSColumn2DLineDY.swf，從上圖我們可以
看出，它是column 和line 的組合，因此要用WEBCHART_MSColumn2DLineDY.swf。更多的圖形和Flash文件的對應關係，請參見調用例子。
4--動態改變圖形的類型和數據
在前面的介紹裏，我們已經瞭解了圖形的基本使用方法以及圖形XML，現在我們已經有能力做出基本的圖形了，如果你現在就把它應用到你的項目裏，我認爲沒有任何問題，而且我也相信你還能舉一反三地，發展出一些“新”的用法。
那我們就開始吧。
4.1 動態改變圖形的類型
在項目中，我們有時會需要在頁面上方便地改變圖形的類型，當然，如果頁面不刷新就能看到改變的結果，那是最理想的。舉個例子來說，在一個頁面上，顯示了一個月銷售額的柱狀圖，但用戶要求還可以查看月銷售額的餅圖，區域圖。要實現這個需求，一般的做法是，再做兩個頁面，一個顯示餅圖，一個顯示區域圖，用戶想看這兩個圖，點擊連接就可以了。這樣的做法並沒有什麼不妥。你還可以採用AJAX 技術，來實現頁面無刷新，這樣用戶的體驗會更好一些。只是程序員累一點而已。
難道我們一定要這麼累嗎？不！其實我們可以有更好的辦法，爲你的報表解決方案。
那麼,是怎麼實現上面的需求的呢？簡單點說，思路是這樣的：
1、使用JavaScript 加載第一個圖形（如柱狀圖），至於是用dataXML 方法，還是dataURL 方法，都可以。
2、當需要改變圖形類型（如改成餅圖）時，我們再創建一個新的WebChart 類實例（它的SWF文件是餅圖），把它render 到原來的DIV。
就是這麼簡單。
我們來看看代碼吧。
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript" SRC="../../WebChart/WebChart.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
//數據
var strXML = "<graph caption='Hours worked' showNames='1 '> <set name='Tom ' value='3
2' color='AFD8F8'/>
<set name='Mary' value='1 6' color='F6 BD0F'/><set name='Jane' value='4 2' color='8BBA00'
/></graph>";
/*
* 當用戶單擊按鈕時調用這個方法。
* 這個方法用來使用新的SWF 文件創建一個新的WebChart 實例。
*/
function updateChart(chartSWF){
//Create another instance of the chart.
var chart1 = new WebChart(chartSWF, "chart1Id", "4 00", "3 00", "0", "0");
chart1.setDataXML(strXML);
chart1.render("chart1div");
}
</SCRIPT>
</HEAD>
<BODY>
<div id="chart1div">
WebChart
</div>
<script language="JavaScript">
var chart1 = new WebChart("../../WebChart/WEBCHART_Column3D.swf", "chart1Id", "4 00","3 00", "0", "0");
chart1.setDataXML(strXML);
chart1.render("chart1div");
</script>
<form name='frmUpdate'>
Show as:
<input type='button' value='Column' onClick="javaScript:updateChart('../../WebChart/F
CF_Column3D.swf');" name='btnColumn' />
<input type='button' value='Line' onClick="javaScript:updateChart('../../WebChart/WEBCHART
_Line.swf');" name='btnLine' />
<input type='button' value='Pie' onClick="javaScript:updateChart('../../WebChart/WEBCHART_
Pie3D.swf');" name='btnPie' />
</form>
</CENTER>
</BODY>
</HTML>
上面的代碼非常淺顯，就不做解釋了。
4.2 動態改變圖形的數據
我們已經會動態改變圖形的類型了，動態改變數據和上面的原來一樣，我們只需要在新建
實例的時候，傳入新的數據就可以了。
那麼爲什麼還要單獨來講解這個呢？因爲WebChart 給我們提供了一個更簡單的方法，那就是updateChartXML(domid,data)。它的第一個參數就是我們在創建WebChart 實例時設置的圖形domid，第二個參數是XML 數據字符。
來看看下面的代碼。
<HTML>
<HEAD>
<TITLE>WebChart & JavaScript - Updating chart using setDataXML() Method</TI
TLE>
<SCRIPT LANGUAGE="Javascript" SRC="../../WebChart/WebChart.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function updateChart(DOMId){
updateChartXML(domId,"<graph><set name='A' value='3 2' /></graph>");
}
</SCRIPT>
</HEAD>
<BODY>
<div id="chart1div">
WebChart
</div>
<script language="JavaScript">
var chart1 = new WebChart("../../WebChart/WEBCHART_Column3D.swf", "chart1Id", "4 00", "3 00");
chart1.setDataXML("<graph><set name='A' value='1 0' color='D6 4646' /><set name='B' value='1 1' color='AFD8F8' /></graph>");
chart1.render("chart1div");
</script>
<form name='frmUpdate'>
<input type='button' value='改變數據' onClick="javaScript:updateChart('chart1Id');" name='btnUpdate'>
</form>
</HTML>
當我們單擊”改變數據“按鈕後，會調用updateChart()方法，它會使用新的數據來重新構建圖形。
下章我們來講講的下鑽圖形，聽上去很專業，其實就是圖形的連接，包括超連接，
JavaScript。
5--WEBCHART 中的下級鏈接
在我們開發圖形報表時，你可能會遇到這樣的需求：用戶要求點擊柱狀圖的某根柱子，可查看它的詳細數據。其他的一些基於java 的圖形報表組件，如jfreechart，也可以實現加連接
的功能，但是使用起來還是有點麻煩的。其實它不光是加連接麻煩，正個使用起來都很麻煩，
需要你在後臺編寫大量的代碼。通過前面的章節，你應該知道，webChart的使用非常簡單，你只需要關注你的數據如何產生就可以了。至於如何產生圖形，並不需要你編一行代碼。加連接也是如此。
WEBCHART 支持三種類型的連接：
1、普通的超鏈接，在同一個窗口打開新的頁面。
2、普通的超鏈接，在新窗口打開新的頁面。
3、JavaScript 連接。
5.1 普通的超鏈接
我們先來看看第一種情況。
想要在WEBCHART 圖形里加連接，你只需要在數據集里加上一個link 屬性即可。如下：
1. <set ... value='2235' ... link= 'ShowDetails.jsp%3FMonth%3DJan' ...>
我們發現URL 是經過了編碼的。是的，因爲你的連接裏可能會含有“?”，“&”等字符，所以需要編碼。WEBCHART 在載入這個連接時， 會對它進行解碼， 解碼後上例中的連接就是
“ShowDetails.jsp?Month=Jan”。
我們看一個完整的例子。
<graph caption='' subcaption=''
xAxisName='Month' yAxisName='Sales' numberPrefix='$' >
<set name='Jan' value='1 7400' link='DemoLinkPages/DemoLink1.html' color='AFD8F8' />
<set name='Feb' value='1 9800' link='DemoLinkPages/DemoLink2.html' color='F6 BD0F' />
<set name='Mar' value='2 1800' link='DemoLinkPages/DemoLink3.html' color='8BBA00' />
<set name='Apr' value='2 3800' link='DemoLinkPages/DemoLink4.html' color='FF8E46' />
<set name='May' value='2 9600' link='DemoLinkPages/DemoLink5.html' color='008E8E' />
<set name='Jun' value='2 7600' link='DemoLinkPages/DemoLink6.html' color='D6 4646' />
</graph>
如果把上面的數據用柱狀圖來顯示，結果如下：
當我們把鼠標移到每個柱子上時，鼠標會變成連接樣式，點擊它，就會在新的窗口裏打開相應的頁面。
5.2 新窗口超鏈接
如果你想在一個新的窗口打開頁面，只需要在連接的前面加上“n-”，就像下面的代碼一樣：
<graph caption='' subcaption=' '
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
<set name='Jan' value='1 7400' link='n-DemoLinkPages/DemoLink1.html' color='AFD8F8' />
<set name='Feb' value='1 9800' link='n-DemoLinkPages/DemoLink2.html' color='F6 BD0F' />
<set name='Mar' value='2 1800' link='n-DemoLinkPages/DemoLink3.html' color='8BBA00' />
<set name='Apr' value='2 3800' link='n-DemoLinkPages/DemoLink4.html' color='FF8E46' />
<set name='May' value='2 9600' link='n-DemoLinkPages/DemoLink5.html' color='008E8E' />
<set name='Jun' value='2 7600' link='n-DemoLinkPages/DemoLink6.html' color='D6 4646' />
</graph>
5.3 JavaScript 連接
我們還可以加上JavaScript 連接，在連接裏，你可以調用任何在本頁可以調用到的
JavaScript 函數。如下：
<set name='Japan' value='1 23' link="JavaScript:myJS('Japan, 123');" color='F6 BD0F'/>
6--WEBCHART 中的基本數字格式
在我們的報表裏，經常要對數值進行一些格式化，如小數位，千分位等等。這在WEBCHART 裏
實現起來非常容易。下面我們就來看看。
6.1 控制小數位位數
所有的WEBCHART 圖形都支持decimalPrecision 屬性，這個屬性是用來指定小數位的位數的。如果你沒有指定這個屬性的值，那麼WEBCHART 默認會顯示小數位後面2 位小數。這個屬性是全局的，也就是說，它對這個圖形上的所有數字都起作用。例如，如果你設置decimalPrecision='0'，那麼像這些12.432，13.4，13，就會顯示成12，13，13。
同樣的，如果你有0.12432，0.134 ， 0.13 等數據，並且沒有指定decimalPrecision 的值，
那麼WEBCHART 就會顯示成0.12，0.13，0.13。如果你把decimalPrecision 設置成4，那麼就會顯示成0.1243，0.1340，0.1300。
6.2 自動格式化數字
WEBCHART 會自動的給你的數字加上K（千）或M（百萬），如下圖。
上圖中，三個數字分別代表12500，13400，13300。WEBCHART 會自動地把這些數字轉化爲以千爲單位，或是以百萬爲單位。
如果你不想這樣，你就加上如下的代碼：
<graph formatNumberScale='0'..decimalPrecision= '0'...>
效果如下：
現在顯示的是全部的數字了。不過，它還加了一些逗號來分隔這些數字。如果你不喜歡這樣，你就加上formatNumber=0。但是，如果設置了formatNumber=0，那麼就不能格式化小數位了。
看起來代碼就像這樣：
<graph ... formatNumber='0' formatNumberScale='0' ..decimalPrecision= '0'...>
效果是這樣：
6.3 自定義千分位和小數分隔符
WEBCHART 默認使用“.”作爲小數分隔符，使用“,”作爲千分位分隔符。這也是我們的使用習慣。
如果你想改成其他的，也可以。
我們使用decimalSeparator 指定小數分隔符，使用thousandSeparator 指定千分位分隔符。例如，
我們想把小數分隔符和千分位分隔符調換一下：
<graph ... decimalSeparator=',' thousandSeparator='.' >
6.4 增加數字前綴和後綴
WEBCHART 允許我們給所有的數字都加上前綴和後綴。
如果我們設置numberPrefix='$'，那麼會在所有的數字前面就會加上“$”，就像這樣： $40000,
$50000。
如果我們設置numberSuffix='%25'，那麼會在所以的數字後面加上“%”，就像這樣：43%，39%。
我們注意到，“%”是經過了編碼的。在WEBCHART 裏，一些特殊的編碼都需要經過編碼。下一節我們會詳細介紹特殊字符。
7--WEBCHART 中的特殊字符
在WEBCHART 裏，如果要在圖形裏用到一些特殊的字符，你就要對它進行編碼，否則就無法顯示。
7.1 歐元符號
在WEBCHART 裏顯示“€”，你需要用“%80”來替換它。如下：
<graph decimalPrecision='0' numberPrefix='%80 '>
<set name='John' value='420' color='AFD8F8' />
<set name='Mary' value='295' color='F6BD0F' />
<set name='Tom' value='523' color='8BBA00' />
</graph>
上面的代碼會在數字前面都加上“€”。
7.2 英鎊符號
在WEBCHART 裏顯示“￡”，你需要用“%A3”來替換它。如下：
<graph decimalPrecision='0' numberPrefix='%A3 '>
<set name='John' value='4 20' color='AFD8F8' />
<set name='Mary' value='2 95' color='F6 BD0F' />
<set name='Tom ' value='523' color='8BBA00' />
</graph>
上面的代碼會在數字前面都加上“￡”。
7.3 人民幣符號
在WEBCHART 裏顯示“￥”，你需要用“%A5”來替換它。如下：
<graph decimalPrecision='0' numberPrefix='%A5 ' >
<set name='John' value='4 20' color='AFD8F8' />
<set name='Mary' value='2 95' color='F6 BD0F' />
<set name='Tom ' value='523' color='8BBA00' />
</graph>
上面的代碼會在數字前面都加上“￥”。
7.4 分符號
在WEBCHART 裏顯示“￠”，你需要用“%A2”來替換它。如下：
7.5 百分號符號
在WEBCHART 裏顯示“%”，你需要用“%25”來替換它。如下：
上面的代碼會在數字後面都加上“%”。
7.6 &符號
在WEBCHART 裏顯示“&”，你需要用“&”來替換它。如下：
7.7 >符號
在WEBCHART 裏顯示“>”，你需要用“>”來替換它。如下：
上面的代碼最後一個數字顯示爲“>10”。
7.8 單引號符號
在WEBCHART 裏顯示“'”，你需要用“'”來替換它。如下：
上面的代碼顯示爲“John's Count”。
如果你想要顯示雙引號，直接使用就可以了，前提是你的屬性值是用單引號括起來的。如果你
的屬性值是用雙引號括起來的，你要顯示單引號，也可以直接使用，而不必用“'”來替換
它。
8--間斷數據的處理
有時候我們的數據並不是連續的，例如我們有一個反映每個月銷售額的圖形，然而，五月和六月的數據我們缺失了，像這種情況我們該如何處理呢？
WEBCHART 早就想到這個問題了，我們看看下面的代碼：
<graph>
<set name='1月' value= '420' />
<set name='2月' value='295' />
<set name='3月' value='523' />
<set name='4月' value='473' />
<set name='5月' />
<set name='6月' />
<set name='7月' value='354 ' />
<set name='8月' value='457' />
<set name='9月' value='127' />
<set name='10月' value='354 ' />
12. <set name='11月' value= '485' />
13. <set name='12月' value='486 ' />
14. </graph>
我們看到，上面五月和六月的數據裏，並沒有value 這個屬性。
如果把這樣的數據放到一個柱狀圖裏，效果如下：
在五月和六月那裏沒有柱子。
如果把這樣的數據放到一個曲線圖裏，
同樣的，五月和六月那裏沒有線段，它是缺失的。
如果你想連五月和六月的標籤都不顯示，你可以這樣：
<set />
當然，你還可以乾脆連<set />都不要。不過那樣會讓看圖的人容易誤解，因爲人們一般都會以
爲是按順序來排列月份的。
多系列的圖形也可以放置這樣的斷點數據。
