• <menu id="w2i4a"></menu>
  • logo Teechart應(yīng)用技術(shù)詳解——快速圖表制作工具

    文檔首頁>>Teechart應(yīng)用技術(shù)詳解——快速圖表制作工具>>Teechart圖表應(yīng)用技術(shù)詳解—第二章之Teechart組件的應(yīng)用實(shí)例:圖表滾動(dòng)棒與頁面導(dǎo)航組件

    Teechart圖表應(yīng)用技術(shù)詳解—第二章之Teechart組件的應(yīng)用實(shí)例:圖表滾動(dòng)棒與頁面導(dǎo)航組件


        Steema公司和慧都科技針對中國市場聯(lián)合推出中文版TeeChart for .NET圖表控件,一共漢化2000個(gè)詞條(17000個(gè)單詞),漢化文檔35000個(gè)單詞,包括控件設(shè)計(jì)時(shí)與運(yùn)行時(shí)的界面漢化以及控件使用向?qū)臋n的漢化,總漢化90%以上!

        TeeChart for .NET中文版讓您在使用和學(xué)習(xí)上沒有任何語言障礙,至少可以節(jié)省30%的開發(fā)時(shí)間。TeeChart for .NET中文版具有易上手,使用方便,穩(wěn)定性好,性價(jià)比高,價(jià)格優(yōu)惠等優(yōu)勢,并且針對Web應(yīng)用提供無限制服務(wù)器分發(fā)授權(quán)方式,非常有利于產(chǎn)品集成。

    點(diǎn)擊下載TeeChart for .NET最新試用版    


    Teechart組件的應(yīng)用實(shí)例

        Steema為了充分發(fā)揮TeeChart頁圖表組件的功能,將圖表編輯器的選項(xiàng)卡進(jìn)行了拆分,構(gòu)成獨(dú)立的可視或非可視組件,由程序設(shè)計(jì)員根據(jù)用戶的功能要求進(jìn)行重新組合,以滿足用戶需要。

    圖表滾動(dòng)棒與頁面導(dǎo)航組件

    演示: ChartScrollBar與ChartPageNavigator組件。

    功能:本例通過圖表滾動(dòng)與翻頁導(dǎo)航組件,演示在圖表點(diǎn)數(shù)很多的情況下如何控制圖表的滾動(dòng)和翻頁,即使圖表數(shù)據(jù)規(guī)模很大,也可以使用戶非常方便地瀏覽圖表概貌和局部細(xì)節(jié)。

    設(shè)計(jì):

    1. 設(shè)置 ChartScrollBar和ChartPageNavigator組件的Chart屬性為對應(yīng)的圖表組件名Chart1,使這兩個(gè)操作圖表的組件與圖表建立聯(lián)系。

    2. 設(shè)定ChartScrollBar組件可以操作最大頁面數(shù)等有關(guān)參數(shù),在Form的Oncreate事件中加入下列代碼:

      ChartScrollBar1.Min:=1;
      ChartScrollBar1.Max:=60;        //該最大值是指頁面數(shù)最大值
      ChartscrollBar1.Position:=1;

      其中參數(shù)Max是指可以控制的圖表頁面數(shù)。假如序列共有1200個(gè)點(diǎn),每頁最大點(diǎn)數(shù)即Chart1.MaxPointsPerPage屬性的值是20,那么Max=60。

    3. 序列的點(diǎn)標(biāo)記( Pointer)和值標(biāo)簽可以在設(shè)計(jì)階段通過圖表編輯器的Series選項(xiàng)卡中進(jìn)行設(shè)置,在程序運(yùn)行階段通過下列代碼進(jìn)行控制。

      Series.Pointer.Visible:= true;        //點(diǎn)標(biāo)記可見
      Series.Marks.Visible:=true;          //值標(biāo)簽可見
      Chart1. View3D:=true;               //以3D方式顯示
    4. 為方便用戶在翻頁時(shí)知道當(dāng)前所在頁面,在設(shè)計(jì)階段可以通過圖表編輯器的Paging和Tools選項(xiàng)卡中設(shè)定顯示頁碼和顯示格式,如圖1所示。在圖1的Tools選項(xiàng)卡中設(shè)定頁碼顯示格式,其設(shè)計(jì)階段和實(shí)際運(yùn)行效果如圖2和圖3所示。

      圖1

      圖表滾動(dòng)時(shí)的頁號與顯示格式設(shè)定

    設(shè)置:如下所示

    組件名稱屬性名設(shè)定值備注
    TChartNameChart1用圖表編輯器設(shè)定
    TChartScrollBarNameChartScrollBar1設(shè)定圖標(biāo)滾動(dòng)組件隸屬Chart1
    ChartChart1
    TChartPageNavigatorNameChartPageNavigator1圖表占用多個(gè)頁面時(shí)按頁移動(dòng)
    ChartChart1
    TCheckBoxNameCheckBox1標(biāo)簽檢查框
    Caption標(biāo)簽
    Checkedture
    TCheckBoxNameCheckBox2點(diǎn)標(biāo)記檢查框
    Caption點(diǎn)標(biāo)記

    Checked

    ture
    TCheckBoxNameCheckBox33D方式顯示檢查框
    Caption3D
    Checkedtrue


    技巧:

    1. ChartScrollBar與ChartPageNavigator組件的功能很類似,實(shí)際應(yīng)用中可根據(jù)個(gè)人喜好選擇一種方法。

    2. 如果不設(shè)定Chart組件每頁顯示的最大點(diǎn)數(shù),這兩個(gè)組件將不起作用,因?yàn)閳D表組件將所有點(diǎn)顯示在一個(gè)頁面上,當(dāng)然就不需要滾動(dòng)了。

    3. ChartScrollBar組件的Max等參數(shù)最好放在代碼中設(shè)定,通過每頁點(diǎn)數(shù)和實(shí)際點(diǎn)數(shù)獲得需要顯示的頁數(shù),這時(shí),就可以利用這兩個(gè)中的任意一個(gè)進(jìn)行翻頁和滾動(dòng)了。

    界面:程序設(shè)計(jì)和運(yùn)行階段的界面如下所示。

    圖2

    ChartScrollBar與ChartPageNavigator組件演示設(shè)計(jì)階段

    圖3

    ChartScrollBar與ChartPageNavigator組件運(yùn)行階段

      下一節(jié)我們將會(huì)介紹Teechart組件的應(yīng)用實(shí)例:對象觀察器與打印預(yù)覽。將會(huì)有演示,功能,設(shè)計(jì),設(shè)置,技巧和界面六個(gè)方面的介紹。如果有對Teechart圖表感興趣的朋友,可以多多關(guān)注本教程,并且歡迎在評論區(qū)留言。

    相關(guān)資料推薦:

    上一章:Teechart組件的應(yīng)用實(shí)例:序列和函數(shù)庫組件

    Teechart 2019資源合集

    Teechart 2018資源合集 


        現(xiàn)TeeChart for .NET,TeeChart for JavaScript/HTML5TeeChart for Xamarin.Android等均已加入在線訂購,現(xiàn)在搶購可立享優(yōu)惠!

        關(guān)注慧聚IT微信公眾號???,了解產(chǎn)品的最新動(dòng)態(tài)及最新資訊。

    dd2629f30d553d56ccaf7164fdcb784e-sz_28327.webp.jpg

    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    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); })();