參考TeeChart的TeeChartForNET中文版安裝共享，里面有WebForm工作實(shí)例及C#.NET和VB.NET編寫的ASP.NET實(shí)例。

Web Form 實(shí)例

怎樣創(chuàng)建一個(gè)動(dòng)態(tài)的WebChart

• 在你的服務(wù)器上創(chuàng)建一個(gè)新的WebForm應(yīng)用程序，要確定該空白表單是否能正常運(yùn)行。
• 從Steema工具箱選項(xiàng)卡中，選擇一個(gè)WebChart對(duì)象，將它拖放到WebForm中。
• 選擇新建的WebChart1對(duì)象，在屬性窗口中找到TempChart屬性，將其由File變?yōu)镾ession。這就意味著WebChart生成的所有的臨時(shí)圖表將被保存在一個(gè)session變量中而不是臨時(shí)文件夾中（詳見(jiàn)教程9 ）
• 為了恢復(fù)session變量中的臨時(shí)圖表，我們將在新的窗體中添加一些簡(jiǎn)單的代碼。右鍵單擊您的ASP.NET項(xiàng)目，添加一個(gè)新的WebForm，并將其命名為GetChart.aspx。此時(shí)請(qǐng)確保Page_Load事件如下所示：
  
  

  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.OutputStream.Write(chartStream.ToArray(),0,
  (int)chartStream.Length);                  
          chartStream.Close();                  
          Session.Remove(chartName);              
      }  
  }

• 現(xiàn)在我們要接著編寫一些基本的聚焦功能；在我們?cè)蠾ebForm的Form_Load 事件中，我們可添加以下類似的代碼：
  

  private void Page_Load(object sender, System.EventArgs e)
  {
       //Let's work with the Chart object for convenience
       Steema.TeeChart.Chart Chart1 = WebChart1.Chart;
  
       //Add in a series and fill it
       Chart1.Aspect.View3D = false;
       Steema.TeeChart.Styles.Bubble bubble1 =
  new Steema.TeeChart.Styles.Bubble(Chart1);
       bubble1.FillSampleValues();
  
       //Add a SeriesToolTip to the Chart
       Steema.TeeChart.Tools.SeriesHotspot seriesHotSpot1 = new Steema.TeeChart.Tools.SeriesHotspot(Chart1);
       //Steema.TeeChart.Styles.MapAction.Mark is the default value
       seriesHotSpot1.MapAction = Steema.TeeChart.Styles.MapAction.Mark;
  }

  運(yùn)行代碼，在氣泡圖上移動(dòng)鼠標(biāo)您就可以看到一系列標(biāo)記的值，另外還有YValue.

• 在圖表中添加縮放功能，我們所要做的就是添加一個(gè)縮放工具和一些簡(jiǎn)單的代碼來(lái)控制縮放狀態(tài)：
  private void Page_Load(object sender, System.EventArgs e)
  {
       //Let's work with the Chart object for convenience
       Steema.TeeChart.Chart Chart1 = WebChart1.Chart;
  
       //Add in a series and fill it
       Chart1.Aspect.View3D = false;
       Steema.TeeChart.Styles.Bubble bubble1 =
  new Steema.TeeChart.Styles.Bubble(Chart1);
       bubble1.FillSampleValues();
  
       //Add a SeriesToolTip to the Chart
       Steema.TeeChart.Tools.SeriesHotspot seriesHotSpot1 = new Steema.TeeChart.Tools.SeriesHotspot(Chart1);
       //Steema.TeeChart.Styles.MapAction.Mark is the default value
       seriesHotSpot1.MapAction = Steema.TeeChart.Styles.MapAction.Mark;
  
       //Add a ZoomTool to the Chart
       Steema.TeeChart.Tools.ZoomTool zoomTool1 = new Steema.TeeChart.Tools.ZoomTool(Chart1);
  
       // *************** Code for zoom support ***************
       //check whether zoom request is being sent
       CheckZoom(WebChart1);
  }
  
  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);
  }
• 現(xiàn)在我們有了一個(gè)可響應(yīng)鼠標(biāo)懸停和鼠標(biāo)點(diǎn)擊事件的交互式圖表。與氣泡圖相關(guān)的SeriesHotSpot，在鼠標(biāo)懸停時(shí)可以顯示所有標(biāo)記的值。然而，通過(guò)設(shè)定MapAction屬性，我們還可以自定義SeriesHotSpot在鼠標(biāo)懸停時(shí)的行為。例如，我們希望點(diǎn)擊氣泡圖上的一個(gè)點(diǎn)時(shí)，可以跳轉(zhuǎn)到一個(gè)特定的網(wǎng)址；在圖表中響應(yīng)SeriesHotSpot事件并指向它的網(wǎng)址，通過(guò)設(shè)定MapAction屬性是完全可以實(shí)現(xiàn)的，如下所示：
  
  在Page_Load 事件中:
  

  seriesHotSpot1.MapAction = Steema.TeeChart.Styles.MapAction.URL;
  seriesHotSpot1.GetHTMLMap += new Steema.TeeChart.Tools.SeriesHotspotEventHandler

  (seriesHotSpot1_GetHTMLMap);
• 使用GetHTMLMap方法:
  

  private void seriesHotSpot1_GetHTMLMap
  (Steema.TeeChart.Tools.SeriesHotspot sender,
  Steema.TeeChart.Tools.SeriesHotspotEventArgs e)  
  {
       e.PointPolygon.Title = "Go to the Steema web";
       e.PointPolygon.HREF = "//www.steema.com";
       e.PointPolygon.Attributes = "target='_blank'";
  }

• 將MapAction屬性設(shè)置為Script能讓您輕松地定義所需的任何行為，TeeChart為您提供了一些有用的內(nèi)置scripts，并可以通過(guò)HelperScripts枚舉來(lái)進(jìn)行調(diào)用。例如，您想要當(dāng)鼠標(biāo)懸停在一個(gè)與氣泡圖相關(guān)聯(lián)的點(diǎn)上時(shí)，打開(kāi)一張圖片，我們可以添加如下代碼：
  
  在Page_Load 事件中:
  

  seriesHotSpot1.MapAction = Steema.TeeChart.Styles.MapAction.Script;
  seriesHotSpot1.HelperScript =
  Steema.TeeChart.Tools.HotspotHelperScripts.Annotation;

  這里的第二行是為了確保將相關(guān)的JavaScript添加到客戶瀏覽器中。
  
  使用GetHTMLMap方法:
  

  private void seriesHotSpot1_GetHTMLMap
  (Steema.TeeChart.Tools.SeriesHotspot sender,

  Steema.TeeChart.Tools.SeriesHotspotEventArgs e)  
  {
       e.PointPolygon.Attributes=String.Format
  (Steema.TeeChart.Texts.HelperScriptAnnotation, "<IMG SRC=Images/myimage.jpg>");
  }
• 更多的自定義行為事件意味著您能輕松地設(shè)計(jì)自己的JavaScript程序，并將他們添加到客戶瀏覽器，然后通過(guò)添加它們及e.PointPolygon.Attributes中的參數(shù)來(lái)進(jìn)行調(diào)用

、