圖表影像呈現 (Chart 控制項)

在適用於 ASP.NET 的 Chart 控制項中，可定義 Chart 控制項呈現圖表影像的方式。您可以使用 RenderType 屬性來完成這個工作。可用的選項有三個：

ImageTag 選項

根據預設，適用於 ASP.NET 的 Chart 控制項使用這個方法來呈現圖表影像。這是最簡單的呈現方法。它會將呈現的圖表影像快取至記憶體中或做為暫存檔。對於經常存取且具有靜態資料和外觀的圖表，這樣做會提高效能。

使用方式

將 RenderType 屬性設為 ImageTag。您可以指定如何管理呈現的影像。如需詳細資訊，請參閱影像檔管理。

BinaryStreaming 選項

這個選項會直接將圖表影像資料流處理至用戶端，而不會儲存在伺服器上。這會使得 ASP.NET 網頁的行為在要求時類似靜態影像，讓您將 ASP.NET 網頁放置在任何 HTML <img> 標記中。例如：

<img src="DetailedChart.aspx" />

當圖表資料和外觀經常變更時，或在使用伺服器叢集時，使用這個選項可提高效能。但是它有下列缺點：

• 不快取影像。

• 不支援 AJAX 或互動功能。若要使用互動功能，這個選項必須與 ImageMap 選項一起使用。

• 無法與相同原始程式檔中的其他 HTML 項目共用 Chart 控制項。

使用方式

使用這個選項時，包含 Chart 控制項的 ASP.NET 網頁必須只包含下列項目：

• @ Page 指示詞

• <asp.Chart> 項目

• 任何執行階段程式碼

下列範例示範包含二進位資料流 Chart 控制項的 ASP.NET。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="_Default" %>
<asp:Chart ID="Chart2" runat="server" RenderType="BinaryStreaming">
   <series>
      <asp:Series Name="Series1" ChartArea="ChartArea1">
         <Points>
            <asp:DataPoint YValues="4" />
            <asp:DataPoint YValues="5" />
         </Points>
      </asp:Series>
   </series>
   <chartareas>
      <asp:ChartArea Name="ChartArea1" />
   </chartareas>
</asp:Chart>

ImageMap 選項

當您要搭配 BinaryStreaming 選項使用互動功能時，使用這個方法。在這個選項中，使用兩個 ASP.NET 網頁：

• 第一個網頁包含二進位資料流的圖表。這個網頁使用 Chart 控制項之 RenderType 屬性中的 BinaryStreaming 選項。

• 第二個網頁要求二進位資料流圖表並將對應區域套用至資料流圖表影像。

使用方式

若要為 ImageMap 選項設定 ASP.NET 網頁

1. 使用 Chart 控制項中的 BinaryStreaming 選項建立第一個網頁。

2. 在第一個網頁中 (如同在完全自訂的互動式圖表中一樣)，設定所有資料、外觀和互動屬性，例如數列工具提示。此外，將所有執行階段程式碼加入至第一個網頁或其程式碼後置檔案。

3. 複製第一個網頁中的 Chart 控制項並將其貼到第二個網頁。

4. 複製第一個網頁中的所有執行階段程式碼並將其貼到第二個網頁或其程式碼後置檔案。

5. 在第二個網頁中，將 Chart 控制項的 RenderType 屬性設為 ImageMap，以及將 ImageLocation 屬性設為第一個網頁的位置。

   注意

   為了讓資料流影像和影像對應同步處理，在這兩個 ASP.NET 網頁間 Chart 控制項的資料和外觀屬性以及執行階段程式碼都必須相同。

請參閱

其他資源

進階主題