이차함수, 일차함수, 삼각함수의 그래프를 그려보자!

히포차트로 이차함수, 일차함수, 삼각함수의 그래프를 그려보자!

 히포차트를 통해 각중 수학 차트를 그려보겠습니다. 닷넷 프레임워크에서 클래스를 제공하기때문에 조금만 응용하면 손쉽게 다양한 함수의 데이터를 만들 수가 있습니다.

[적용 버전]

베타 2.0 이상

 [시나리오]

1. 아래의 세가지 함수를 그래프화 한다.  y = x2 + 3x - 2 y = 3x - 1 y = sinx  2. 사인함수를 제외한 두 함수의 y절편을 표시해준다. (풍선도움말)  3. 기준 축인 (0, 0) 을 통과하는 두 라인은 검은색으로 표시를 해준다.  4. 기준 축의 x, y 눈금을 빨간색으로 강조해준다.

중요 코드 설명

(1) 이차함수 시리즈아이템 구성
 - Math 클래스의 Pow() 메소드를 통해 2차 함수의 데이터를 시리즈 아이템에 넣어주고, x값이 0인 부분의 값이 y절편이므로 해당 값에 풍선 도움말과 포인트 설정을 변경해준다.

(2) 각 축의 0 값 틱 설정, 제로라인 색상 변경, 수동 조절
 - 아이템 이름이 "0" 인 틱을 하나 만들고 x, y 두 축에 같이 적용해준다.
 - 그래프영역(GraphArea) 의 제로라인 색상을 검은색으로 변경해준다.(기본값은 Red)
 - 정확한 눈금 표시를 위해 각 축의 간격을 모두 1로 조절해주고, 최대, 최소값을 적절히 설정한다.

C# 코드 보기

SeriesList sList = new SeriesList();             sList.ChartType = ChartType.Spline;             sList.AxisFactor.XAxis.DataType = AxisDataType.Number;             Series sr = new Series();             sr.Points.Width = 0;             sr.Name = "x2 + 3x - 2";             Series sr2 = new Series();             sr2.Points.Width = 0;             sr2.Name = "3x - 1";             Series sr3 = new Series();             sr3.Points.Width = 0;             sr3.Name = "sinx";             sList.SeriesCollection.Add(sr);             sList.SeriesCollection.Add(sr2);             sList.SeriesCollection.Add(sr3);             int limit = 8;             for (int x = -1 * limit; x < limit; x++)             {                 SeriesItem item = new SeriesItem();                 item.XValue = x;                 item.YValue = (float)(Math.Pow(x, 2) + 3 * x - 2);                 if (x == 0)                 {                     item.Balloon = new Balloon();                     item.Balloon.BalloonType = BalloonType.Rectangle;                     item.Balloon.HeightType = HeightType.Bottom;                     item.Balloon.BackColor = Color.White;                     item.Balloon.Label.Text = "y = x2 + 3x - 2 y절편(" + item.YValue.ToString() + ")";                     item.Points = new Points();                     item.Points.Width = 6;                     item.Points.PointType = PointType.FillCircle;                 }                 sList.SeriesCollection[0].items.Add(item);             }             for (int x = -1 * limit; x < limit; x++)             {                 SeriesItem item = new SeriesItem();                 item.XValue = x;                 item.YValue = (float)(2 * x - 1);                 if (x == 0)                 {                     item.Balloon = new Balloon();                     item.Balloon.BalloonType = BalloonType.Rectangle;                     item.Balloon.HeightType = HeightType.Bottom;                     item.Balloon.BackColor = Color.White;                     item.Balloon.Label.Text = "y = 3x - 1 y절편(" + item.YValue.ToString() + ")";                     item.Points = new Points();                     item.Points.Width = 6;                     item.Points.PointType = PointType.FillCircle;                 }                 sList.SeriesCollection[1].items.Add(item);             }             for (int x = -1 * limit; x < limit; x++)             {                 SeriesItem item = new SeriesItem();                 item.XValue = x;                 item.YValue = (float)(Math.Sin(x));                 sList.SeriesCollection[2].items.Add(item);             }             // 기준 축 틱 표시             AxisTick tk = new AxisTick("0");               sList.AxisFactor.XAxis.Ticks.Add(tk);             sList.AxisFactor.YAxis.Ticks.Add(tk);             // 기준 축 라인 색 변경             sList.GraphArea.Grid.ZeroLineColor = Color.Black;             sList.AxisFactor.XAxis.IsAutoSetting = false;             sList.AxisFactor.XAxis.Interval = 1;             sList.AxisFactor.XAxis.MinUnitValue = -5;             sList.AxisFactor.XAxis.MaxUnitValue = 3;             sList.AxisFactor.YAxis.IsAutoSetting = false;             sList.AxisFactor.YAxis.Interval = 1;             sList.AxisFactor.YAxis.MinUnitValue = -5;             sList.AxisFactor.YAxis.MaxUnitValue = 2;             this.hHippoChart1.LegendBox.Location = LegendLocation.Top;             this.hHippoChart1.LegendBox.Header.NameLabel.Text = "함수의 그래프 식";             this.hHippoChart1.Titles.Label.Text = "함수의 그래프를 그려보자.";             this.hHippoChart1.Titles.Label.ForeColor = Color.SteelBlue;             this.hHippoChart1.DesignType = ChartDesignType.Simple;             this.hHippoChart1.SeriesListDictionary.Add(sList);             this.hHippoChart1.DrawChart();

VB 코드 보기

Dim sList As New SeriesList() sList.ChartType = ChartType.Spline sList.AxisFactor.XAxis.DataType = AxisDataType.Number Dim sr As New Series() sr.Points.Width = 0 sr.Name = "x2 + 3x - 2" Dim sr2 As New Series() sr2.Points.Width = 0 sr2.Name = "3x - 1" Dim sr3 As New Series() sr3.Points.Width = 0 sr3.Name = "sinx" sList.SeriesCollection.Add(sr) sList.SeriesCollection.Add(sr2) sList.SeriesCollection.Add(sr3) Dim limit As Integer = 8 For x As Integer = -1 * limit To limit - 1     Dim item As New SeriesItem()     item.XValue = x     item.YValue = CSng((Math.Pow(x, 2) + 3 * x - 2))         If x = 0 Then         item.Balloon = New Balloon()         item.Balloon.BalloonType = BalloonType.Rectangle         item.Balloon.HeightType = HeightType.Bottom         item.Balloon.BackColor = Color.White         item.Balloon.Label.Text = "y = x2 + 3x - 2 y절편(" & item.YValue.ToString() & ")"                 item.Points = New Points()         item.Points.Width = 6         item.Points.PointType = PointType.FillCircle     End If         sList.SeriesCollection(0).items.Add(item) Next For x As Integer = -1 * limit To limit - 1     Dim item As New SeriesItem()     item.XValue = x     item.YValue = CSng((2 * x - 1))         If x = 0 Then         item.Balloon = New Balloon()         item.Balloon.BalloonType = BalloonType.Rectangle         item.Balloon.HeightType = HeightType.Bottom         item.Balloon.BackColor = Color.White         item.Balloon.Label.Text = "y = 3x - 1 y절편(" & item.YValue.ToString() & ")"                 item.Points = New Points()         item.Points.Width = 6         item.Points.PointType = PointType.FillCircle     End If         sList.SeriesCollection(1).items.Add(item) Next For x As Integer = -1 * limit To limit - 1     Dim item As New SeriesItem()     item.XValue = x     item.YValue = CSng((Math.Sin(x)))         sList.SeriesCollection(2).items.Add(item) Next ' 기준 축 틱 표시 Dim tk As New AxisTick("0") sList.AxisFactor.XAxis.Ticks.Add(tk) sList.AxisFactor.YAxis.Ticks.Add(tk) ' 기준 축 라인 색 변경 sList.GraphArea.Grid.ZeroLineColor = Color.Black sList.AxisFactor.XAxis.IsAutoSetting = False sList.AxisFactor.XAxis.Interval = 1 sList.AxisFactor.XAxis.MinUnitValue = -5 sList.AxisFactor.XAxis.MaxUnitValue = 3 sList.AxisFactor.YAxis.IsAutoSetting = False sList.AxisFactor.YAxis.Interval = 1 sList.AxisFactor.YAxis.MinUnitValue = -5 sList.AxisFactor.YAxis.MaxUnitValue = 2 Me.hHippoChart1.LegendBox.Location = LegendLocation.Top Me.hHippoChart1.LegendBox.Header.NameLabel.Text = "함수의 그래프 식" Me.hHippoChart1.Titles.Label.Text = "함수의 그래프를 그려보자." Me.hHippoChart1.Titles.Label.ForeColor = Color.SteelBlue Me.hHippoChart1.DesignType = ChartDesignType.Simple Me.hHippoChart1.SeriesListDictionary.Add(sList) Me.hHippoChart1.DrawChart()