• <menu id="w2i4a"></menu>
  • logo FastReport VCL中文教程(持續(xù)更新中)

    文檔首頁>>FastReport VCL中文教程(持續(xù)更新中)>>如何在FastReport VCL中創(chuàng)建交互式圖表

    如何在FastReport VCL中創(chuàng)建交互式圖表


    在本文中,我們將講解FastReport VCL 5的新功能之一——交互式圖表。在這項功能的幫助下,你可以顯示圖表的選定區(qū)域的詳細信息報表。

    功能介紹:

    首先,創(chuàng)建一個圖表,例如,一個圓形的:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    圖表分為幾個部分,分別顯示各參數(shù)占總量的比例。將鼠標(biāo)指針懸停在某個部分上時,將以彩色突出顯示。

    如何在FastReport VCL中創(chuàng)建交互式圖表

    然后,當(dāng)你右鍵單擊時,將觸發(fā)到鉆取報表的超鏈接。在這種情況下,參數(shù)(一個部分的名稱)的值將傳輸?shù)酱藞蟊?。詳細信息報表顯示所選部分的詳細信息:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    如何創(chuàng)建:

    要實現(xiàn)這種交互非常簡單。你需要創(chuàng)建一個包含圖表和詳細信息報表的報表,并配置從圖表到詳細信息報表的超鏈接。

    現(xiàn)在創(chuàng)建一個空的報表。 

    1.首先,我們需要為圖表準備一些數(shù)據(jù)。因此,請轉(zhuǎn)到“數(shù)據(jù)”選項卡。我們添加一個連接到ADO數(shù)據(jù)庫。我們使用FastReport VCL交付的demo.mdb演示數(shù)據(jù)庫。然后,添加ADO查詢組件。雙擊查詢編輯器以打開數(shù)據(jù)庫,然后寫如下請求:

    SELECT c.Continent, SUM(c.Area) AS Area 
    FROM
     country c
    GROUP BY c.Continent
    

    2.返回報表頁面,將圖表對象放置在帶區(qū)上。雙擊打開編輯器,添加一個新的序列。我們來選擇這個序列的類型 – 水平條形。 

    如何在FastReport VCL中創(chuàng)建交互式圖表

    然后指定數(shù)據(jù)源。在Y軸上,我們顯示區(qū)域字段。在“Label”一欄,使用“Continent”字段。

    3.現(xiàn)在我們需要創(chuàng)建一個詳細信息報表。 

    4.轉(zhuǎn)到數(shù)據(jù)選項卡。將連接添加到相同的數(shù)據(jù)庫和ADO表組件,選擇表名稱——“country”。

    5.使用變量編輯器,添加FilterVariable,我們將把大陸的名稱傳遞到其中,并對表進行過濾。

    如何在FastReport VCL中創(chuàng)建交互式圖表

    6. 將變量放置到報告標(biāo)題。然后將以下字段放在MasterData帶上——Name、Capital 和 Population:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    7.雙擊數(shù)據(jù)帶,打開編輯器。在“Filter”字段中輸入表達式:

    <ADOTable1. "Continent"> = <FilterVar>

    將報表保存為“詳細信息”。

    8.回到帶有圖表的報表。點擊的圖表。在屬性檢查器中,我們需要的是超鏈接,展開它:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    這里注意View屬性是很重要的。在下拉列表中,您可以為其選擇以下值之一:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    對于帶有交互式圖表的當(dāng)前示例,適合的選項是DetailPage和DetailReport。正如你所理解的那樣,你既可以將詳細信息報表放置在當(dāng)前報表的另一頁上,也可以放置在單獨的報表里。由于我們選擇了第二個選項,因此DetailPage屬性保持為空。對于DetailReport,我們指定了詳細信息報表文件的路徑,它可以是絕對路徑或相對路徑(相對于應(yīng)用程序的工作目錄)。

    Expression屬性對我們也沒有用處。其中,你可以為超鏈接和其他類型的超鏈接指定一個值。

    由于我們將選定的值從圖表傳輸?shù)皆敿毿畔蟊?,因此我們?strong>ReportVariable字段中指定了變量名稱。

    TabCaption屬性中,然后將從圖中分配一個實際值。

    Value字段允許你設(shè)置默認值,然后將從圖表中分配一個實際值。

    如果要傳遞多個參數(shù)值,則由ValuesSeparator指定一個分隔符。

    9.要完成該示例,只需為圖表對象添加OnPreviewClick事件處理句柄。在這里,我們編寫下面的代碼:

     if TfrxChartView (Sender) .ClickedVal1 <> '' then
     TfrxChartView (Sender) .Hyperlink.Value: = '' '' + TfrxChartView (Sender) .ClickedVal1 + '' ''
    

    從代碼中可以清楚的看到,如果選擇了任何值,它都將被寫入Value屬性。

    現(xiàn)在,你可以運行報表并查看效果:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    選擇“南美洲”。然后根據(jù)國家的人數(shù)信息得到詳細信息報表:

    如何在FastReport VCL中創(chuàng)建交互式圖表

    順便說一下,如果要在懸停時更改選擇的圖表元素的顏色,請使用圖表對象的HighlightColor屬性。

    最后總結(jié)一下。在FastReport VCL的第五個版本中,你可以選擇各個圖表元素并獲取它們的含義。另外,與單個URL相比,超鏈接的功能顯著擴展。由于這些變化,你可以通過隱藏詳細信息輕松地使報表變得更緊湊和有吸引力。 

    產(chǎn)品介紹 下載試用 | 優(yōu)惠活動 | 在線客服 | 聯(lián)系Elyn

     

    推薦閱讀

    FastReport正版授權(quán)6.9折優(yōu)惠
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();