原創(chuàng)|使用教程|編輯:龔雪|2014-04-17 09:18:47.000|閱讀 1756 次
概述:FusionCharts中的所有圖表都支持向下鉆取功能。本文主要介紹如何為FusionCharts圖表添加向下鉆取鏈接。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
FusionCharts中的所有圖表都支持向下鉆取功能。這意味著你可以將單個數據圖(柱狀圖中的柱形、餅圖中的扇形)或者整個圖表轉換成熱點(或鏈接)。從廣義上來講,FusionCharts圖表的向下鉆取功能可以分為兩種類型:
1、Simple link:向下鉆取至一個簡單鏈接或調用JavaScript函數。
2、Chart links (LinkedCharts):向下鉆取至一個詳細的LinkedCharts。
使用FusionCharts圖表組件,可以無限層級向下鉆取圖表,且每一個層級可顯示不同類型的圖表。
使用簡單鏈接
使用簡單鏈接,您可以在圖表上每個數據項(列,線錨,錨區(qū),扇形等)的鏈接頁面(或JavaScript函數)提供一個URL。簡單鏈接可以是各種數據格式。
將鏈接屬性引入<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創(chuàng)建鏈接,你必須將鏈接屬性添加至數據對象,方法如下:
{ "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" } ] }
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn