Programming/.NET
Chart 는 데이터수치를 시각화 하여 차트로 표시하는 컨트롤입니다.
<asp:Chart ID="Chart1" runat="server">
    <Series>
        <asp:Series Name="Series1"></asp:Series>
    </Series>
    <ChartAreas>
        <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
    </ChartAreas>
</asp:Chart>
Series 는 Chart 를 표시할때 표시부분이며 ChartArea 는  Series 가 표시되는 차트의 영역을 의미합니다. 따라서 Series 에서는 다음과 같이 ChartType 속성을 이용하여 표시할 차트의 형태를 지정할 수 있고 필요하다면 다른 종류의 추가로 생성하여 여러 종류의 Chart 를 겹쳐서 표시할 수도 있습니다.
<asp:Series Name="Series1" ChartType="Column"></asp:Series>
<asp:Series Name="Series2" ChartType="Bubble"></asp:Series>

물론 ChartArea 를 하나더 생성하여 아예 별도로 분리된 구성의 Chart 를 보여줄 수도 있겠습니다. 다만 이때는 특정 Series 에 대한 표시영역을 ChartArea 속성으로 지정해 줘야 합니다.
<asp:Chart ID="Chart1" runat="server">
    <Series>
        <asp:Series Name="Series1" ChartType="Column"></asp:Series>
        <asp:Series Name="Series2" ChartType="Bubble" ChartArea="ChartArea2"></asp:Series>
    </Series>
    <ChartAreas>
        <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
        <asp:ChartArea Name="ChartArea2"></asp:ChartArea>
    </ChartAreas>
</asp:Chart>
그럼 실제 DB 에서 데이터를 불러와 Chart 를 표시해 보도록 하겠습니다. 아래 Table 은 특정 제품에 대한 판매수량을 나타낸 것으로 product 가 제품이름 sales 가 판매수량입니다.
Select product, sales
From dbo.product_sales;

이 Table 의 데이터를 Chart 로 표시하기 위해 우선 Web.config 에서 DB 연결에 대한 문자열을 지정하고 SqlDataSource 를 통해 데이터소스컨트롤을 생성하도록 하겠습니다.
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DB_ConnectionString %>" SelectCommand="Select product, sales From dbo.product_sales;"></asp:SqlDataSource>
그리고 Chart 에는 위에서 만든 DataSourceID 를 지정하고 Series 에 Chart 에 표시할 X축과 Y축 Column 을 설정합니다.
<asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1">
    <Series>
        <asp:Series Name="Series1" ChartType="Column" XValueMember="product" YValueMembers="sales"></asp:Series>
    </Series>
    <ChartAreas>
        <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
    </ChartAreas>
</asp:Chart>

'Programming > .NET' 카테고리의 다른 글

[ASP.NET] MultiView 와 View  (0) 2014.02.04
[ASP.NET] Global.aspx  (0) 2014.02.03
[ASP.NET] Chart  (0) 2014.01.27
[ASP.NET] BulletedList  (0) 2014.01.23
[ASP.NET] 서버컨트롤 (Server Controls)  (0) 2014.01.21
[ASP.NET] FileUpload  (2) 2014.01.20
0 0