FusionCharts使用教程：為圖表添加向下鉆取鏈接

---

FusionCharts中的所有圖表都支持向下鉆取功能。這意味著你可以將單個(gè)數(shù)據(jù)圖（柱狀圖中的柱形、餅圖中的扇形）或者整個(gè)圖表轉(zhuǎn)換成熱點(diǎn)（或鏈接）。從廣義上來講，FusionCharts圖表的向下鉆取功能可以分為兩種類型：

1、Simple link：向下鉆取至一個(gè)簡單鏈接或調(diào)用JavaScript函數(shù)。

2、Chart links (LinkedCharts)：向下鉆取至一個(gè)詳細(xì)的LinkedCharts。

使用FusionCharts圖表組件，可以無限層級向下鉆取圖表，且每一個(gè)層級可顯示不同類型的圖表。

使用簡單鏈接

使用簡單鏈接，您可以在圖表上每個(gè)數(shù)據(jù)項(xiàng)（列，線錨，錨區(qū)，扇形等）的鏈接頁面（或JavaScript函數(shù)）提供一個(gè)URL。簡單鏈接可以是各種數(shù)據(jù)格式。

• 利用XML創(chuàng)建簡單鏈接

將鏈接屬性引入<set>元素中，可以將數(shù)據(jù)圖轉(zhuǎn)換為鏈接，例如：

<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創(chuàng)建簡單鏈接

如果你使用JSON創(chuàng)建鏈接，你必須將鏈接屬性添加至數(shù)據(jù)對象，方法如下：

{
"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" }
]
}