차트 이미지 렌더링

아티클
06/10/2015

ASP.NET의 차트 컨트롤에서 차트 컨트롤이 차트 이미지를 렌더링하는 방식을 정의할 수 있습니다. 이렇게 하려면 RenderType 속성을 사용합니다. 이때 다음과 같은 세 옵션을 사용할 수 있습니다.

ImageTag 옵션

기본적으로 ASP.NET의 차트 컨트롤에서는 이 메서드를 사용하여 차트 이미지를 렌더링합니다. 이것이 가장 간단한 렌더링 방법으로, 렌더링된 차트 이미지를 메모리 또는 임시 파일로 캐시합니다. 그러면 자주 액세스되는 정적 데이터와 모양을 가진 차트의 성능이 향상됩니다.

용도

RenderType 속성을 ImageTag으로 설정합니다. 렌더링되는 이미지를 관리하는 방법을 지정할 수 있습니다. 자세한 내용은 이미지 파일 관리를 참조하십시오.

BinaryStreaming 옵션

이 옵션을 사용하면 차트 이미지가 서버에 저장되지 않고 클라이언트에 직접 스트리밍됩니다. 요청이 있을 경우 ASP.NET 페이지가 정적 이미지처럼 동작하여 ASP.NET 페이지를 HTML <img> 태그에 배치할 수 있습니다. 예를 들면 다음과 같습니다.

<img src="DetailedChart.aspx" />

차트 데이터와 모양이 자주 변경되거나 서버 클러스터를 사용하는 경우에 이 옵션을 사용하면 성능이 향상됩니다. 그러나 이 옵션을 사용하면 다음과 같은 단점이 있습니다.

이미지 캐시를 수행하지 않습니다.
AJAX 또는 대화형 기능을 지원하지 않습니다. 대화형 기능을 사용하려면 이 옵션과 함께 ImageMap 옵션을 사용해야 합니다.
차트 컨트롤을 동일한 원본 파일의 다른 HTML 요소와 공유할 수 없습니다.

용도

이 옵션을 사용하는 경우 차트 컨트롤을 포함하는 ASP.NET 페이지에 다음 요소만 있어야 합니다.

@ Page 지시문
<asp.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 페이지를 사용합니다.

첫 번째 페이지에는 이진 스트리밍 차트가 포함되어 있습니다. 이 페이지에서는 차트 컨트롤의 RenderType 속성에서 BinaryStreaming 옵션을 사용합니다.
두 번째 페이지에서는 이진 스트리밍 차트를 요청하고 맵 영역을 스트리밍되는 차트 이미지에 적용합니다.

용도

ImageMap 옵션에 대한 ASP.NET 페이지를 설정하려면

차트 컨트롤에서 BinaryStreaming 옵션을 사용하여 첫 번째 페이지를 만듭니다.
첫 번째 페이지에서 계열 도구 설명처럼 완전히 사용자 지정된 대화형 차트에서와 동일한 방법으로 모든 데이터, 모양 및 대화형 속성을 설정합니다. 또한 첫 번째 페이지나 코드 숨김 파일에 모든 런타임 코드를 추가합니다.
첫 번째 페이지의 차트 컨트롤을 복사하여 두 번째 페이지에 붙여 넣습니다.
첫 번째 페이지의 모든 런타임 코드를 복사하여 두 번째 페이지나 코드 숨김 파일에 붙여 넣습니다.
두 번째 페이지에서 차트 컨트롤의 RenderType 속성을 ImageMap으로 설정하고 ImageLocation 속성을 첫 번째 페이지 위치로 설정합니다.

참고

스트리밍되는 이미지와 이미지 맵을 동기화하려면 두 ASP.NET 페이지의 차트 컨트롤 데이터 및 모양 속성과 런타임 코드가 동일해야 합니다.

참고 항목

기타 리소스

고급 항목

다음을 통해 공유