첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
728x90
반응형
728x170

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>

 

728x90

 

▶ 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
    }
}
728x90
반응형
그리드형(광고전용)
Posted by icodebroker

댓글을 달아 주세요