• <menu id="w2i4a"></menu>
  • logo 【TeeChart VCL/FMX】教程2019
    文檔首頁>>【TeeChart VCL/FMX】教程2019>>TeeChart Pro VCL/FMX教程(十): 3D圖表和OpenGL

    TeeChart Pro VCL/FMX教程(十): 3D圖表和OpenGL


      TeeChart Pro VCL/FMX是一款主流的圖表制作工具。提供了數(shù)百種用于可視化的2D、3D圖形樣式、56種數(shù)學、統(tǒng)計和金融函數(shù),以及不限數(shù)量的坐標軸和30種調(diào)色板組件。TeeChart Pro VCL/FMX教程將會以連載的形式持續(xù)為大家?guī)鞹eeChart Pro VCL/FMX的使用方法。 

    點擊下載TeeChart Pro VCL/FMX最新試用版


        本篇教程為大家?guī)淼氖?a href="http://www.xiangyinys.com/product/608/download" target="_self" style="white-space: normal; color: rgb(31, 73, 125);">TeeChart Pro VCL/FMX中3D圖表和OpenGL的這一節(jié),主要分為以下幾個部分: 

    圖表顯示模式 

    • (3D)圖表編輯器頁面 

    • 二維圖表 

    • 三維正交圖 

    • 3D Native Windows圖表 

    • 3D OpenGL圖表 


    圖表顯示模式

     (3D)圖表編輯器頁面 

        可以在設計時使用圖表編輯器定義主要的2D / 3D顯示選項。

    TeeThreeD.png 

    二維圖表 

        可以使用圖表編輯器在設計時選擇2D圖表。選擇取消編輯器頁面上的3D復選框,再將圖表置于2D模式,在運行時,您可以隨時將圖表更改為2D:

    Chart1.View3D := False;

        使用2D圖表不會出現(xiàn)任何特殊問題。 所有對象坐標都與它們相對于圖表面板或圖表矩形的位置有關,不需要對3D偏移進行任何限制。    

    三維正交圖

        3D正交模式是獲得3D效果的默認方式。 TeeChart根據(jù)Chart1.Chart3DPercent屬性設置(在圖表編輯器頁面上設計時也可用)以正交角度繪制深度效果,您無法旋轉3D正交圖表,底部軸始終是水平的。

        使用3D正交圖表時,您需要在自定義繪制到畫布時考慮Width3D和Height3D 3D偏移。 如果您希望繪制的項目與圖表后墻齊平,則應添加偏移量。請參閱以下示例:

    例:

    {This example draws a diagonal line across the Chart
    flush to the Front of the Chart}
    With Chart1, ChartRect do
    begin  
      //Move the pointer to the top left Chart point
      Canvas.MoveTo(Left,Top);
      //Draw the Line
      Canvas.LineTo(Right,Bottom);
    end;
    
    {This example draws a diagonal line across the Chart
    flush to the Back of the Chart}
    With Chart1, ChartRect do
    begin  
      //Move the pointer to the top left Chart point
      Canvas.MoveTo(Left + Width3D,Top - Height3D);
      //Draw the Line + adjustment for 3D displacement
      Canvas.LineTo(Right + Width3D,Bottom - Height3D);
    end;

        當在運行時,使用3D圖表的顯示屬性需要使用TView3DOptions組件(注意:并非所有選項都可用于正交圖表)。

    3D Native Windows圖表     

        TeeChart Pro v6 的視圖選項包括Native Windows模式3D。這種3D模式提供了OpenGL可以獲得的許多優(yōu)勢,而且速度更快,3D Native Windows圖表提供圖表旋轉以及高度可達90o,可以放大和縮小整個圖表。

    //Runtime
    Chart1.View3DOptions.Orthogonal := False;

        通過取消選擇3D Editor頁面上的Orthogonal復選框,在設計時為TeeChart選擇Native Windows mode 3D。

        使用圖表編輯器,取消激活Orthogonal將同時激活Elevation和Rotation 的滑動條,從而允許更改這些顯示屬性的設計時間。

    3D OpenGL圖表

        可以使用Delphi組件>TeeChart>TTeeOpenGL非可視組件將3D圖表轉換為OpenGL圖表。

        將組件添加到已放置TChart,TDBChart或TQRChart的表單中,在設計時,可以使用對象瀏覽器將組件連接到圖表。 在運行時使用以下屬性:

    TeeOpenGL1.TeePanel := Chart1;
    TeeOpenGL1.Active := True;

        接下來你將看到圖表在運行時或者設計時直接轉換成OpenGL圖表。

        本篇教程就介紹到這里,對以上內(nèi)容有任何疑惑或者建議都可以在下方評論留言,TeeChart Pro VCL/FMX教程會持續(xù)更新,可以多多關注。


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

        關注慧聚IT微信公眾號???,了解產(chǎn)品的最新動態(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); })();