FusionCharts使用教程：爲圖表添加向下鑽取連接

FusionCharts中的全部圖表都支持向下鑽取功能。這意味着你能夠將單個數據圖（柱狀圖中的柱形、餅圖中的扇形）或者整個圖表轉換成熱點（或連接）。從廣義上來說，FusionCharts圖表的向下鑽取功能能夠分爲兩種類型：

一、Simple link：向下鑽取至一個簡單連接或調用JavaScript函數。
 二、Chart links (LinkedCharts)：向下鑽取至一個詳細的LinkedCharts。

使用FusionCharts圖表組件，能夠無限層級向下鑽取圖表，且每個層級可顯示不一樣類型的圖表。

使用簡單連接

使用簡單連接，您能夠在圖表上每一個數據項（列，線錨，錨區，扇形等）的連接頁面（或JavaScript函數）提供一個URL。簡單連接能夠是各類數據格式。

• 利用XML建立簡單連接

將連接屬性引入<set>元素中，能夠將數據圖轉換爲連接，例如：

<chart caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
 <set label='Jan' value='17400' link='DemoLinkPages/DemoLink1.html'/> <!-- Simple Link -->
 <set label='Feb' value='19800' link='n-DemoLinkPages/DemoLink2.html'/> <!-- Link in new window -->
 <set label='Mar' value='21800' link='F-detailsFrame-DemoLinkPages/DemoLink3.htm'/> <!-- Link in a frame -->
 <set label='Apr' value='23800' link='P-detailsPopUp,width=400,height=300,toolbar=no,
 scrollbars=no,resizable=no-DemoLinkPages/DemoLink3.html'/> <!-- Link in a pop-up -->
 <set label='May' value='29600' link='j-myJavaScriptFunction-parameters'/> <!-- JavaScript function as link -->
 </chart>

• 使用JSON建立簡單連接

若是你使用JSON建立連接，你必須將連接屬性添加至數據對象，方法以下：

{  "chart":{  "caption":"Monthly Sales Summary",  "subcaption":"For the year 2006",  "xaxisname":"Month",  "yaxisname":"Sales",  "numberprefix":"$"  },  "data":[  { "label":"Jan", "value":"17400", "link":"DemoLinkPages/DemoLink1.html" },  { "label":"Feb", "value":"19800", "link":"n-DemoLinkPages/DemoLink2.html" },  { "label":"Mar", "value":"21800", "link":"F-detailsFrame-DemoLinkPages/DemoLink3.htm" },  { "label":"Apr", "value":"23800", "link":"P-detailsPopUp,width=400,height=300,toolbar=no," +  "scrollbars=no,resizable=no-DemoLinkPages/DemoLink3.html" },  { "label":"May", "value":"29600", "link":"j-myJavaScriptFunction-parameters"  }  ]  }