첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
유용한 소스 코드가 있으면 icodebroker@naver.com으로 보내주시면 감사합니다.
블로그 자료는 자유롭게 사용하세요.

■ Chart 클래스 사용하기

------------------------------------------------------------------------------------------------------------------------


TestProject.zip


MainPage.aspx

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<%@ Register

    TagPrefix="asp"

    Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

    Namespace="System.Web.UI.DataVisualization.Charting" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Chart 클래스 사용하기</title>

    </head>

    <body>

        <form id="form" runat="server">

            <div>

                <h3>선언적 방식</h3>

                <asp:Chart ID="chart1" runat="server">

                    <Series>

                        <asp:Series Name="series1"

                            ChartType="Column"

                            YValuesPerPoint="2">

                            <Points>

                                <asp:DataPoint AxisLabel="국어" YValues="90 ,0" />

                                <asp:DataPoint AxisLabel="영어" YValues="100,0" />

                                <asp:DataPoint AxisLabel="수학" YValues="95 ,0" />

                            </Points>

                        </asp:Series>

                    </Series>

                    <ChartAreas>

                        <asp:ChartArea Name="chartArea1" />

                    </ChartAreas>

                </asp:Chart>

                <hr />

                <h3>프로그래밍 방식</h3>

                <asp:Chart ID="chart2" runat="server">

                    <Series>

                        <asp:Series Name="series1" />

                    </Series>

                    <ChartAreas>

                        <asp:ChartArea Name="chartArea1" />

                    </ChartAreas>

                </asp:Chart>

            </div>

        </form>

    </body>

</html>

 

 

MainPage.aspx.cs

 

 

using System;

using System.Web.UI;

using System.Web.UI.DataVisualization.Charting;

 

namespace TestProject

{

    /// <summary>

    /// 메인 페이지

    /// </summary>

    public partial class MainPage : Page

    {

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

 

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

 

        /// <summary>

        /// 페이지 로드시 처리하기

        /// </summary>

        /// <param name="sender">이벤트 발생자</param>

        /// <param name="e">이벤트 인자</param>

        protected void Page_Load(object sender, EventArgs e)

        {

            DisplayChart();

        }

 

        #endregion

 

        ////////////////////////////////////////////////////////////////////////////////////////// Private

 

        #region 차트 표시하기 - DisplayChart()

 

        /// <summary>

        /// 차트 표시하기

        /// </summary>

        private void DisplayChart()

        {

            this.chart2.Series[0].ChartType = SeriesChartType.Column;

 

            this.chart2.Series[0].Points.AddXY("국어", 90 );

            this.chart2.Series[0].Points.AddXY("영어", 100);

            this.chart2.Series[0].Points.AddXY("수학", 95 );

        }

 

        #endregion

    }

}

 

------------------------------------------------------------------------------------------------------------------------

Posted by 사용자 icodebroker

댓글을 달아 주세요