SharePoint 2010에서의 Chart

Chart를 SharePoint 2010에서 나타내기 위해서는 여러 가지 방법이 있습니다.

l 차트 웹 파트

l Excel 액세스 웹 파트

l 사용자 지정 웹 파트(웹 파트, 비쥬얼 웹 파트)

l Silverlight Chart 웹 파트

Chart의 데이터는 Excel 데이터이거나 SharePoint의 목록에 있을 수도 있으며, XML이나 서비스를 통해서 액세스할 수도 있으며 또는 코드에 값을 고정(하드코드)해둘 수 도 있습니다.

여기서는 ASP.NET Chart 컨트롤을 이용하여 SharePoint 2010 웹 파트를 구성해보도록 하겠습니다.

ASP.NET 차트에 대한 내용은 아래 링크를 통해서 Chart gallery 프로젝트를 통해서 살펴볼 수 있습니다.

http://archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=4418

위의 ASP.NET Chart 컨트롤을 통해서 SharePoint 2010에 비쥬얼 웹 파트를 구성해서 처리해보도록 하겠습니다. SharePoint 2010의 데이터에 액세스하기 위해서는 SharePoint Object Model, Client Object Model, REST Service를 통해서 가능합니다.
(http://redju.tistory.com/23)

비쥬얼 웹 파트 프로젝트를 생성하고 솔루션 탐색기에서 System.Web.DataVisualization 어셈블리를 참조 추가합니다. 그리고 위 그림의 Sample 프로젝트에서 html 소스와 c# 소스를 복사하고 일부를 원하는 대로 수정합니다.

ChartTypes\PieDoughnutCharts\3DPie\pie3d.aspx

3D의 경우 속성이 달라서 아래와 같이 수정했습니다.

// Enable 3D

Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D= true;

웹 파트를 배포한다고 해서 바로 보여지지는 않습니다. 해당 SharePoint 웹 응용 프로그램의 Web.Config를 아래와 같이 수정합니다.

l System.Web 아래의 httpHandlers

<httpHandlers>

<add path="ChartImg.axd" verb="GET,HEAD,POST" preCondition="integratedMode" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false" />

l appSettings

<add key="ChartImageHandler" value="storage=file;timeout=20;dir=c:\Temp\;" />

</appSettings>

l System.WebServer 아래의 handlers

<add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST" path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />

최종 결과는 아래와 같습니다.