国产精品日韩剧情欧美,欧美日韩中文国产一区,精品人伦一区二区三区蜜桃黑人

TeeChart for .NET圖表控件教程：ASP.NET網(wǎng)絡(luò)表格實例

翻譯|使用教程|編輯：楊鵬連|2021-07-20 11:31:55.607|閱讀 348 次

概述：本文介紹TeeChart圖表ASP.NET網(wǎng)絡(luò)表格實例，及如何創(chuàng)建一個動態(tài)的WebChart 。

相關(guān)鏈接：

TeeChart for .NET是優(yōu)秀的 4.0 WinForm 圖表控件，官方獨家授權(quán)漢化，集功能全面、性能穩(wěn)定版、優(yōu)惠等優(yōu)勢。NET 的 TeeChart for .NET 中文承諾讓您在使用和學(xué)習(xí)上沒有語言障礙，最少可以節(jié)省 30% 的開發(fā)時間。

點擊立即下載最新版TeeChart for .NET

網(wǎng)絡(luò)表格實例

請參閱與TeeChart一起安裝的TeeChartForNET虛擬共享，了解WebForm的工作實例以及用C#.NET和VB.NET編寫的其他ASP.NET實例。

網(wǎng)絡(luò)表格實例

如何創(chuàng)建一個動態(tài)的WebChart

在你的服務(wù)器上創(chuàng)建一個新的WebForm應(yīng)用程序，并確保它在表單上沒有任何東西的情況下正常運行。
從Steema ToolBox標(biāo)簽，選擇一個WebChart對象并將其拖到WebForm上。
選擇新的WebChart1對象，在屬性窗口中導(dǎo)航到TempChart屬性并將其從文件改為會話。這意味著由WebChart生成的所有臨時圖表將被存儲在會話變量中，而不是臨時文件夾中（更多細(xì)節(jié)見教程9）。
為了從會話變量中恢復(fù)臨時圖表，我們將在一個新的表單中加入一些簡單的代碼。右擊你的ASP.NET項目，添加一個新的WebForm，命名為GetChart.aspx。現(xiàn)在確保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)在我們可以繼續(xù)制作一些基本的HotSpot功能；在我們原始WebForm的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; 
}

執(zhí)行這段代碼并將鼠標(biāo)移到氣泡上，將顯示系列標(biāo)記的值，在本例中是YValues。
為了給圖表添加縮放功能，我們需要做的就是添加一個zoomtool和一些簡單的代碼來控制縮放狀態(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)在有了一個交互式圖表，它對鼠標(biāo)懸停和鼠標(biāo)點擊事件做出反應(yīng)。SeriesHotSpot，在這種情況下與一個氣泡系列相關(guān)聯(lián)，當(dāng)鼠標(biāo)移到它上面時，將顯示系列標(biāo)記的值。然而，通過MapAction屬性，我們可以自定義SeriesHotSpot在鼠標(biāo)移動到它上面時的行為。例如，我們可能希望點擊其中一個氣泡，將我們帶到一個指定的URL；這完全可以通過將MapAction屬性設(shè)置為URL，鏈接SeriesHotSpot事件并在其中指定URL。

在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.; 
     e.PointPolygon.Attributes = "target='_blank'"; 
}

將MapAction屬性設(shè)置為腳本可以有效地讓你定義任何你喜歡的行為。TeeChart為你提供了一些有用的內(nèi)置腳本，可以通過HelperScripts枚舉調(diào)用。例如，當(dāng)鼠標(biāo)在一個氣泡系列點上時，要打開一個圖像文件，我們可以添加以下代碼。

在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>"); 
}

要進(jìn)一步定制行為，只需要設(shè)計你自己的JavaScript例程，將它們添加到客戶端瀏覽器，然后通過將它們和它們的參數(shù)添加到e.PointPolygon.Attributes來調(diào)用它們。