■ Chart 클래스를 사용하는 방법을 보여준다.
▶ MainPage.aspx
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<%@ 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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
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 } } |
