接下來繼續(xù)為大家介紹上一篇文章未講完的部分，如何使用ASP.NET 應(yīng)用程序。

免費(fèi)的腳本化 ASP 應(yīng)用程序

在 WebForm 中使用 WebChart 的替代方法是將 TeeChart 用作標(biāo)準(zhǔn) asp (aspx) 頁面中的腳本化“不可見”控件。

TeeChart 可以通過內(nèi)部 Chart 類在 ASP 中自由編寫腳本，但要利用 TeeChart 事件，我們建議使用 TChart Windows 窗體組件或 WebChart 控件

將圖表添加到腳本

假設(shè)使用 TChart，您需要采取的初始步驟來設(shè)置 TeeChart 項(xiàng)目是：

• 創(chuàng)建新的 ASP.NET Forms 項(xiàng)目。這將創(chuàng)建一個您將用作客戶端頁面的 WebForm 頁面。
• 添加新的WebForm 頁面。此頁面將不可見，并將用于處理圖表代碼服務(wù)器端。
• 按照此處和 ASPStreams 示例中突出顯示的代碼步驟作為如何設(shè)置項(xiàng)目的指南。

工藝流程

客戶端瀏覽器頁面 (SeriesTypes.aspx) 包含一個圖像，其 IMG 鏈接是 aspx 服務(wù)器腳本 (ShowSeries.aspx)。客戶端頁面上的提交按鈕使用參數(shù)化 serverChart 處理所需的變量調(diào)用服務(wù)器腳本。該按鈕將變量作為參數(shù)的一部分發(fā)送，以設(shè)置客戶端頁面圖表圖像的 imageURL，因此返回基于處理參數(shù)的動態(tài)圖表。

使用 TeeChart 編碼

要使用 TeeChart 服務(wù)器端進(jìn)行編碼，請?jiān)谀_本頁面上添加 using 到 TeeChart：

using Steema.TeeChart;

然后為 TChart 聲明一個變量，并在 Page_Load 事件開始時創(chuàng)建它

       private void Page_Load(object sender, System.EventArgs e) 
        { 
            tChart=new TChart();       
 
            /* ...add Series and data, etc ... */ 
        } 
        

圖表檢索的關(guān)鍵代碼元素

圖表檢索的關(guān)鍵代碼組件是：

客戶端“獲取”指令。 這可以通過提交按鈕或其他方式（例如組合框）啟動，并根據(jù)客戶端參數(shù)從服務(wù)器“獲取”圖表。 圖表請求可以作為“傳統(tǒng)的 Get url 行發(fā)送，其中參數(shù)作為一個 URL 行傳遞，或者可以通過 ASP.NET 的“在頁面之間傳遞服務(wù)器控制值”來完成。 調(diào)用服務(wù)器腳本的編碼將在 WebForms Code behind 頁面中進(jìn)行。

        private void sendInfo() 
        { 
            seriesType=DropDownList1.Items[DropDownList1.SelectedIndex].ToString(); 
            viewType=CheckBox1.Checked.ToString(); 
            Image1.ImageUrl="http://"+webServer  /*use webserver variable for server*/ 
                +"/TeeChartForNET/ASPStream/ProcessChart.aspx?seriestype=" 
                +seriesType+"&view="+viewType; 
        } 

服務(wù)器腳本從客戶端接收 GET 請求并運(yùn)行其 Page_Load 事件。 如果可以創(chuàng)建圖表并且接收的參數(shù)可用于定義圖表的填充方式。 然后將圖表呈現(xiàn)為圖像并作為流向客戶端返回。

        private void Page_Load(object sender, System.EventArgs e) 
        { 
            tChart=new TChart(); 
            tChart.AfterDraw += new Steema.TeeChart.TChart.PaintChartEventHandler(this.tChart_AfterDraw);       
 
            /* ...add Series and data, etc ... */ 
 
            //Process Get parameters received from client 
            if (Request.QueryString["view"]=="False") 
                tChart.Aspect.View3D=false; 
            else 
                tChart.Aspect.View3D=true; 
 
            MemoryStream tempStream = new MemoryStream(); 
            tChart.Export.Image.PNG.Save(tempStream); 
            Response.ContentType="Image/PNG"; 
            Response.OutputStream.Write(tempStream.ToArray(),0,(int)tempStream.Length); 
            tempStream.Close(); 
        }

添加事件

通過在圖表創(chuàng)建后添加事件，可以為自由腳本 TeeChart ASP 應(yīng)用程序添加圖表創(chuàng)建事件。

   private void Page_Load(object sender, System.EventArgs e) 
        { 
            tChart=new TChart(); 
            tChart.AfterDraw += new Steema.TeeChart.TChart.PaintChartEventHandler(this.tChart_AfterDraw);       
 
            /* ...add Series and data, etc ... */ 
 
            MemoryStream tempStream = new MemoryStream(); 
            tChart.Export.Image.PNG.Save(tempStream); 
            Response.ContentType="Image/PNG"; 
            Response.OutputStream.Write(tempStream.ToArray(),0,(int)tempStream.Length); 
            tempStream.Close(); 
        } 
 
        private void tChart_AfterDraw(object sender, Steema.TeeChart.Drawing.Graphics3D g) 
        { 
            string tmpStr="Copyright My Organisation "+DateTime.Now.ToString(); 
            g.TextOut(g.Chart.Width-(int)g.TextWidth(tmpStr)-5,g.Chart.Height-(int)g.TextHeight("H")-3,tmpStr); 
        } 
        

AfterDraw 事件代碼將在圖表創(chuàng)建時執(zhí)行，在這種情況下，當(dāng)圖表呈現(xiàn)為圖像時，相關(guān)消息將包含在圖表畫布上。 如果您希望在客戶端頁面圖表上使用基于用戶鼠標(biāo)點(diǎn)擊的交互式事件，我們建議您在 WebForm 上使用 WebChart 組件。

安全問題

通過安裝程序安裝 .NET 的默認(rèn) TeeChart 創(chuàng)建的文件夾和 IIS 虛擬文件夾足以訪問 TeeChart 中包含的 ASP.NET 示例。 WebForm 應(yīng)用程序假定在 IIS 中激活會話支持以移動臨時圖表信息。 可以在 Visual Studio.NET 中修改示例項(xiàng)目以使用“文件”作為臨時存儲圖表的媒介。 在 Windows 2000 中運(yùn)行良好的測試中。在 Windows 2003 中，默認(rèn)安裝的附加安全限制限制了使用默認(rèn)“_chart_temp”文件夾的可能性（臨時文件夾的名稱和位置是可配置的）。 在 Win2003 服務(wù)器中，系統(tǒng)管理員必須修改安全權(quán)限，以允許相關(guān) ASP.NET 應(yīng)用程序?qū)⑴R時文件保存到磁盤。

網(wǎng)絡(luò)圖表工具

WebChart 工具可用于從編輯器工具面板添加到 WebChart。 許多非 WebChart 特定的工具可以與 WebChart 一起使用，除了那些響應(yīng)鼠標(biāo)移動的工具（除了下面介紹的 WebChart 工具本身）。

熱點(diǎn)工具

該工具以最簡單的形式激活數(shù)據(jù)點(diǎn)鼠標(biāo)懸停標(biāo)簽，當(dāng)鼠標(biāo)經(jīng)過一個點(diǎn)時顯示。 熱點(diǎn)工具也可用于 Winform 圖表，但 WebChart 的操作性質(zhì)不同，如此處所述。 WebChart Hotspot Tool 生成與每個數(shù)據(jù)點(diǎn)關(guān)聯(lián)的地圖區(qū)域。 可以從以下選項(xiàng)中選擇地圖操作：

標(biāo)記

使用 Style 屬性定義標(biāo)記樣式。

Steema.TeeChart.Tools.SeriesHotspot hotspotTool =  
         ((Steema.TeeChart.Tools.SeriesHotspot)WebChart1.Chart.Tools[0]);

網(wǎng)址

使用 GetHTMLMap 事件設(shè)置從數(shù)據(jù)點(diǎn)調(diào)用的 URL。 URL 選項(xiàng)可以通過編輯器設(shè)置，但您必須對事件進(jìn)行編碼以設(shè)置正確的 URL。

//init code.... 
Steema.TeeChart.Tools.SeriesHotspot hotspotTool =  
         ((Steema.TeeChart.Tools.SeriesHotspot)WebChart1.Chart.Tools[0]); 
 
hotspotTool.GetHTMLMap += new Steema.TeeChart.Tools.SeriesHotspotEventHandler(hotspotTool_GetHTMLMap); 
 
//event code: 
private void hotspotTool_GetHTMLMap(Steema.TeeChart.Tools.SeriesHotspot sender, Steema.TeeChart.Tools.SeriesHotspotEventArgs e) 
{ 
     if (CheckBox1.Checked)  //open new window? 
        e.PointPolygon.Attributes="target='_blank'"; 
     else 
        e.PointPolygon.Attributes="target='_self'";        tab 
 
     if (e.Series==WebChart1.Chart.Series[0]) e.PointPolygon.HREF="http://" + TextBox1.Text; //set URL according to textbox text + TextBox1.Text; //set URL according to textbox text 
     if (e.Series==WebChart1.Chart.Series[1]) e.PointPolygon.HREF="http://" + TextBox2.Text; 
     if (e.Series==WebChart1.Chart.Series[2]) e.PointPolygon.HREF="http://" + TextBox3.Text; + TextBox3.Text; 
     if (e.Series==WebChart1.Chart.Series[3]) e.PointPolygon.HREF="http://" + TextBox4.Text; 
}

腳本

腳本選項(xiàng)可用于處理您可能希望通過 Javascript 添加到圖表的任何自定義內(nèi)容或增值。 選擇腳本作為選項(xiàng)TeeChart時，請選中使用幫助程序腳本的選項(xiàng)，當(dāng)前可用：'注釋'。 您可以選擇不使用 Helperscript 并定義您自己的輸出。

protected void Page_Load(object sender, System.EventArgs e) 
{ 
 
  //initialization 
 
  Chart ch1 = WebChart1.Chart; 
 
  Steema.TeeChart.Themes.ColorPalettes.ApplyPalette(ch1, 9); 
  Steema.TeeChart.Tools.SeriesHotspot hotspot1 = new Steema.TeeChart.Tools.SeriesHotspot(); 
  ch1.Legend.Visible = false; 
  ch1.Tools.Add(hotspot1); 
  hotspot1.MapAction = Steema.TeeChart.Styles.MapAction.Script; 
 
  hotspot1.GetHTMLMap += new Steema.TeeChart.Tools.SeriesHotspotEventHandler(hotspot1_GetHTMLMap); 
   
  //....etc... more init code 
} 
 
private void hotspot1_GetHTMLMap(Steema.TeeChart.Tools.SeriesHotspot sender, Steema.TeeChart.Tools.SeriesHotspotEventArgs e) 
{ 
     //This example calls a Bar Series but e.Series and e.PointPolygon.ValueIndex could be sent 
     //as arguments for a drilldown query. 
 
     //The prepared HelperScriptAnnotation text accepts your text as a variable for the Annotation 
     //In the following case it calls an aspx script to generate and return a Chart as an image 
     e.PointPolygon.Attributes=String.Format(Texts.HelperScriptAnnotation); 
 
     //The annotation could, alternatively, present text in the mouseover hint, eg.: 
     //e.PointPolygon.Attributes=String.Format(Steema.TeeChart.Texts.HelperScriptAnnotation,"hello world."); 
} 

滾動工具

ScrollTool 將滾動條添加到 WebChart 的底部。 您可以設(shè)置圖表的可見部分大小和起始位置。 圖表也是可拖動的，盡管該功能可能被停用。 ScrollTool 可以與 Hotspot Tool 結(jié)合使用。

使用編輯器添加 ScrollTool 會自動將 Chart 設(shè)置為 2D 并移動下 Axis 以為滾動條留出空間。 滾動條在設(shè)計(jì)時不可見。

將 ViewSegmentSize 和 StartPosition 與 SegmentViewUnits 結(jié)合使用來設(shè)置可滾動大小。

Steema.TeeChart.Tools.ScrollTool scrollTool =  
                        ((Steema.TeeChart.Tools.ScrollTool)WebChart1.Chart.Tools[0]); 
scrollTool.StartPosition = 30; 
scrollTool.SegmentViewUnits = Steema.TeeChart.Tools.ScrollToolViewUnit.percent; 
scrollTool.ViewSegmentSize = 20; 

縮放工具

ZoomTool 允許選擇要處理的圖表的子區(qū)域以進(jìn)行縮放。 可以通過鼠標(biāo)在圖表區(qū)域上拖動來選擇該區(qū)域，縮放坐標(biāo)返回到服務(wù)器以創(chuàng)建一個縮放區(qū)域。 該區(qū)域可以通過在相反方向拖動來取消縮放。

要使用 ZoomTool，您應(yīng)該將以下方法添加到您的頁面代碼中。

private void CheckZoom(WebChart wChart) 
{ 
     ArrayList zoomedState=(ArrayList)Session[wChart.ID+"Zoomed"]; 
     zoomedState=((Steema.TeeChart.Tools.ZoomTool)wChart.Chart.Tools[0]).SetCurrentZoom(Request, 
        zoomedState); 
     if (zoomedState==null) 
        Session.Remove(wChart.ID+"Zoomed"); 
     else 
        Session.Add(wChart.ID+"Zoomed",zoomedState); 
} 

或 Page.Cache：

{ 
  ArrayList zoomedState = (ArrayList)Page.Cache[wChart.ID + "Zoomed"]; 
  zoomedState = ((Steema.TeeChart.Tools.ZoomTool)wChart.Chart.Tools[0]).SetCurrentZoom(Request, 
    zoomedState); 
  if (zoomedState == null) 
    Page.Cache.Remove(wChart.ID + "Zoomed"); 
  else 
    Page.Cache.Add(wChart.ID + "Zoomed", zoomedState); 
}

窗口加載事件

將縮放或滾動工具添加到 WebChart 時，需要使用 Window.onload 事件來初始化工具的特征。 如果您需要根據(jù)自己的需要進(jìn)一步使用 onload 事件，請?jiān)陧撁嬷?添加一個名為 windowOnload 的新函數(shù)并將您的代碼放在那里。

如果您想了解TeeChart for .NET正版價格，歡迎咨詢