【TeeChart Pro ActiveX教程】（九）：TeeChart、WebChart和ASP（上）

---

下載TeeChart Pro ActiveX最新版本

WebForms

TeeChart通過WebChart TeeChart Control 集成用于WebForms 。可以在標準TeeChart.NET安裝中的ToolBox中找到WebChart。

1. 將圖表添加到表單

• 從ToolBox中選擇WebChart組件并將其拖到WebForm上并拖出到大小 
• 右鍵單擊圖表以選擇“Edit...”選項并打開圖表編輯器 
• 使用圖表編輯器，您可以添加和修改圖表的系列和軸以及其他特征

2. 使用圖表編輯器和屬性選項進行設計

圖表編輯器提供了為運行時配置圖表的大多數方面的選項。設置保存在WebForm中。有關圖表編輯器的一般用法，請參閱教程1和2，使用WebChart的編輯器在所有方面與基于Windows窗體的圖表的使用相同。

3. 圖像格式（PictureFormat）

WebChart在WebForm上呈現為圖像，默認格式為PNG，但可以通過Properties Windows中的PictureFormat屬性進行更改。為了與網頁兼容，我們建議使用PNG，JPEG或GIF格式，但Internet Explorer瀏覽器也支持Bitmap。

使用GIF圖像格式 GIF使用256色減少，因此對于全色再現，我們建議您使用其他圖像格式之一。 *注意請注意，您對GIF圖像格式的使用可能需要授權。

3. TempChart屬性-File，Session，Cache或Httphandler

TempChart屬性可用于選擇在創建之后和瀏覽器頁面上顯示之前應如何存儲臨時圖表。有4種可用設置：

• File 
• Session 
• Cache 
• Httphandler 

Performance類似于所有緩存技術，但磁盤性能可能會影響正面或負面使用'File'選項來生成TempChart，使'File'可以是最快的選項。

3.1 File

如果要將臨時文件寫入磁盤，則應使用“文件”設置。默認情況下，安裝TeeChart時，它會創建具有臨時文件位置和等效虛擬文件夾名稱的注冊表項。關鍵如下：

[HKEY_LOCAL_MACHINE\SOFTWARE\Steema Software\TeeChart.NET] 
"VirtualShare"="/TeeChartForNET" 
"ShareFolder"="C:\\Program Files\\Steema Software\\TeeChart for .NET v3\\TeeChartForNET"

如果接受默認安裝位置，則上述設置將在標準英語語言機器中創建。TeeChartNET虛擬文件夾由TeeChart安裝程序創建。如果您創建必要的IIS虛擬共享位置以反映新的注冊表值，則可以更改這些注冊表設置。 WebChart將文件保存到ShareFolder注冊表項中指定的文件夾下名為_Chart_tmp的文件夾中。 TeeChart不會刪除臨時文件，但您可以自動包含一個實用程序作為Windows計劃任務，請使用當前版本檢查TeeChart包含。

3.2 Session

Session是臨時文件存儲的設置，它不會在磁盤上留下任何文件并刪除其自己的緩存內存文件（另請參閱Cache和Httphandler選項）。在某些情況下，您可能會發現它比臨時磁盤文件稍慢。要使用Session變量成功運行Chart，必須滿足兩個條件：

必須為應用程序啟用會話。'Enabled'是默認行為，可以在項目web.config文件中檢查：

<sessionState  
            mode="InProc"

InProc是默認設置，表示為此應用程序啟用了Session。

您應該包含一個aspx腳本模塊以從內存中檢索圖表。aspx腳本的名稱應該稱為'GetChart'。TeeChart提供的WebForm ASP.NET示例中包含一個示例。要從頭開始創建一個新的GetChart模塊，請將新的WebForm添加到項目中（也可以是任何aspx文件），將其命名為“GetChart”，并將以下代碼添加到Page_Load事件中：

GetChart.aspx.cs

 private void Page_Load(object sender, System.EventArgs e) 
        { 
            string chartName=Request.QueryString["Chart"]; 
 
            if (Session[chartName]!=null) 
            { 
                System.IO.MemoryStream chartStream = new System.IO.MemoryStream(); 
                chartStream=((System.IO.MemoryStream)Session[chartName]); 
                Response.ContentType = "image/" + "png"; 
                Response.OutputStream.Write(chartStream.ToArray(),0,(int)chartStream.Length); 
                chartStream.Close(); 
                Session.Remove(chartName); 
            } 
        } 

該腳本恢復了WebChart先前保存到會話緩存的圖表。該腳本將圖表返回給瀏覽器并將其從緩存中刪除。

3.3 Cache

緩存選項在設置中與會話圖緩存選項非常相似。'Cache'是一個實用的選項，因為它使用屬于ASP.NET WebForm頁面的Cache對象，因此很容易出現在大多數ASP.NET應用程序配置中，而'Session'容易受到某些Web服務器的管理限制（即，出于安全原因，管理員已選擇禁用會話支持）。

緩存選項需要使用GetChart.aspx文件。

您應該包含一個aspx腳本模塊以從內存中檢索圖表。aspx腳本的名稱應該稱為'GetChart'。TeeChart提供的WebForm ASP.NET示例中包含一個示例。要從頭開始創建一個新的GetChart模塊，請將新的WebForm添加到項目中（也可以是任何aspx文件），將其命名為“GetChart”，并將以下代碼添加到Page_Load事件中：

GetChart.aspx.cs

private void Page_Load(object sender, System.EventArgs e) 
        { 
            string chartName=Request.QueryString["Chart"]; 
 
            if (Page.Cache[chartName]!=null) 
            { 
                MemoryStream chartStream = new MemoryStream(); 
                chartStream=((MemoryStream)Page.Cache[chartName]); 
                Response.ContentType = "image/" + "png"; 
                Response.OutputStream.Write(chartStream.ToArray(),0,(int)chartStream.Length); 
                chartStream.Close(); 
            } 
        }

3.4 Httphandler

Httphandler選項使用內部TeeChart（WebChart）生成器來恢復頁面的圖表圖像。該選項不生成臨時文件，并且不需要額外的aspx文件來恢復圖表（如會話和緩存選項的情況）。該選項需要對web.config文件進行一次修改：

VSNet 2010之前的早期版本VSNET。在web.config < system.web > < /system.web> tages之間的任何位置放置以下部分：

<system.web> 
  <httpHandlers> 
       <add verb="*" path="TeeChartImgGen.ashx" type="Steema.TeeChart.Web.TeeChartImgGen, TeeChart"/> 

  </httpHandlers> 
 

/*..content cut for brevity ..*/ 
</system.web>

VSNET的后續版本，VSNET2010 +：

<system.webServer>
    <handlers>
      <add name="TeeChartHandler" verb="*" path="TeeChartImgGen.ashx" type="Steema.TeeChart.Web.TeeChartImgGen, TeeChart"/>
    </handlers>
   /*..content cut for brevity ..*/

</system.webServer>

**注意。使用TeeChart.Standard.dll時，請在teechart.standard的末尾替換“TeeChart”。

<add name="TeeChartHandler" verb="*" path="TeeChartImgGen.ashx" type="Steema.TeeChart.Web.TeeChartImgGen, TeeChart.Standard"/>

4 使用交互式圖表事件（圖表中沒有WebChart工具時，AutoPostback屬性為True）

響應用戶鼠標點擊圖表的加載事件和運行時交互式事件可以與TeeChart的WebChart一起使用。不需要采取特殊操作來使用諸如'AfterDraw'之類的繪制事件，可以從Property瀏覽器事件列表中選擇Chart事件。如果圖表中沒有TeeChart WebChart Tool（如Zoom，Scroll或Hotspot），則應將AutoPostback屬性設置為True以啟用交互式（用戶點擊）事件。如果存在上述工具，則會自動激活點擊響應。對于交互式事件，圖表將響應用戶鼠標點擊事件，將點擊發生的位置信息發回服務器，然后服務器端代碼可以對事件進行操作。然后，可以從屬性瀏覽器事件列表中選擇要使用的事件進行編碼。 有關WebChart事件的更多信息，請參閱“事件示例”部分。

4.1 事件示例

如果您希望在WebChart中使用Click事件，例如ClickSeries，請務必將Chart AutoPostback設置為true。 可以通過在屬性瀏覽器事件列表中

雙擊所需事件來設置事件：雙擊列表中的條目可創建代碼內事件聲明，例：

private int xVal; 
        private int yVal; 
 
        private void WebChart1_AfterDraw(object sender, Steema.TeeChart.Drawing.Graphics3D g) 
        { 
            g.TextOut(xVal,yVal,"onAfterDraw"); 
        }

上述事件將在由xVal和yVal變量值決定的位置處將文本輸出到Chart。 可以根據點擊位置設置x和y值

 private void WebChart1_ClickSeries(object sender, Steema.TeeChart.Series s, int valueIndex, System.EventArgs e) 
        { 
            xVal=s.CalcXPos(valueIndex); 
            yVal=s.CalcYPos(valueIndex);     
        }

購買TeeChart Pro AciveX正版授權，請點擊“”喲！