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

■ PointLineSeries 클래스 : Y축 분할해 2D 라인 차트 그리기

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


TestProject.zip


ChartHelper.cs

 

 

using System;

using System.Collections.Generic;

using System.Drawing;

 

using Arction.WinForms.Charting;

using Arction.WinForms.Charting.Axes;

using Arction.WinForms.Charting.Views.ViewXY;

 

namespace TestProject

{

    /// <summary>

    /// 차트 헬퍼

    /// </summary>

    public static class ChartHelper

    {

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field

        ////////////////////////////////////////////////////////////////////////////////////////// Static

        //////////////////////////////////////////////////////////////////////////////// Public

 

        #region Field

 

        /// <summary>

        /// 단일 색상 리스트

        /// </summary>

        public static List<Color> SolidColorList = new List<Color>

        {

            Color.FromArgb(187, 28 , 0 ),

            Color.FromArgb(222, 54 , 11),

            Color.FromArgb(199, 86 , 10),

            Color.FromArgb(255, 160, 0 ),

            Color.FromArgb(255, 124, 0 )

        };

 

        /// <summary>

        /// 반투명 색상 리스트

        /// </summary>

        public static List<Color> TranslucentColorList = new List<Color>

        {

            Color.FromArgb(180, SolidColorList[0]),

            Color.FromArgb(180, SolidColorList[1]),

            Color.FromArgb(180, SolidColorList[2]),

            Color.FromArgb(180, SolidColorList[3])

        };

 

        #endregion

 

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

 

        #region Field

 

        /// <summary>

        /// 복구 정보

        /// </summary>

        private static RestoreInfo _restoreInfo;

 

        /// <summary>

        /// 배경 색상

        /// </summary>

        private static Color _backgroundColor = Color.FromArgb(255, 30, 30, 30);

 

        /// <summary>

        /// 제목 색상

        /// </summary>

        private static Color _titleColor = Color.FromArgb(255, 249, 202, 3);

 

        #endregion

 

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

        ////////////////////////////////////////////////////////////////////////////////////////// Static

        //////////////////////////////////////////////////////////////////////////////// Public

 

        #region 리스트 데이터 지우기 - ClearListData<TItem>(sourceList)

 

        /// <summary>

        /// 리스트 데이터 지우기

        /// </summary>

        /// <typeparam name="TItem">항목 타입</typeparam>

        /// <param name="sourceList">소스 리스트</param>

        public static void ClearListData<TItem>(List<TItem> sourceList) where TItem : IDisposable

        {

            if(sourceList == null)

            {

                return;

            }

 

            while(sourceList.Count > 0)

            {

                int lastIndex = sourceList.Count - 1;

 

                TItem item = sourceList[lastIndex];

 

                sourceList.RemoveAt(lastIndex);

 

                if(item != null)

                {

                    (item as IDisposable).Dispose();

                }

            }

        }

 

        #endregion

 

        #region 다크/플랫 스타일 설정하기 - SetDarkFlatStyle(chart, minorTickOption)

 

        /// <summary>

        /// 다크/플랫 스타일 설정하기

        /// </summary>

        /// <param name="chart">차트</param>

        /// <param name="minorTickOption">작은 눈금 옵션</param>

        public static void SetDarkFlatStyle(LightningChartUltimate chart, MinorTickOption minorTickOption = MinorTickOption.None)

        {

            _restoreInfo = new RestoreInfo(chart);

 

            chart.Background.Color        = _backgroundColor;

            chart.Background.GradientFill = GradientFill.Solid;

 

            chart.ViewXY.GraphBackground.Color        = Color.FromArgb(255, 20, 20, 20);

            chart.ViewXY.GraphBackground.GradientFill = GradientFill.Solid;

 

            chart.Title.Color          = _titleColor;

            chart.Title.MouseHighlight = MouseOverHighlight.None;

 

            bool showXMinotTick = false;

            bool showYMinorTick = false;

 

            if(minorTickOption == MinorTickOption.Both)

            {

                showXMinotTick = showYMinorTick = true;

            }

            else if(minorTickOption == MinorTickOption.OnlyX)

            {

                showXMinotTick = true;

            }

            else if(minorTickOption == MinorTickOption.OnlyY)

            {

                showYMinorTick = true;

            }

 

            foreach(AxisY axisY in chart.ViewXY.YAxes)

            {

                axisY.Title.Color          = _titleColor;

                axisY.Title.MouseHighlight = MouseOverHighlight.None;

 

                axisY.MajorGrid.Color   = Color.FromArgb(35, 255, 255, 255);

                axisY.MajorGrid.Pattern = LinePattern.Solid;

 

                axisY.MinorDivTickStyle.Visible = showYMinorTick;

            }

 

            foreach(AxisX axisX in chart.ViewXY.XAxes)

            {

                axisX.Title.Color          = _titleColor;

                axisX.Title.MouseHighlight = MouseOverHighlight.None;

 

                axisX.MajorGrid.Color   = Color.FromArgb(35, 255, 255, 255);

                axisX.MajorGrid.Pattern = LinePattern.Solid;

 

                axisX.MinorDivTickStyle.Visible = showXMinotTick;

            }

 

            if(chart.ViewXY.LegendBoxes != null)

            {

                foreach(LegendBoxXY legendBox in chart.ViewXY.LegendBoxes)

                {

                    legendBox.Shadow.Visible = false;

                }

            }

        }

 

        #endregion

        #region 다크 플랫 스타일 취소하기 - CancelDarkFlatStyle(chart)

 

        /// <summary>

        /// 다크 플랫 스타일 취소하기

        /// </summary>

        /// <param name="chart">차트</param>

        public static void CancelDarkFlatStyle(LightningChartUltimate chart)

        {

            if(_restoreInfo != null)

            {

                if(chart != null)

                {

                    chart.BeginUpdate();

 

                    chart.Background.Color        = _restoreInfo.ChartColor;

                    chart.Background.GradientFill = _restoreInfo.ChartGradientFill;

 

                    chart.ViewXY.GraphBackground.Color        = _restoreInfo.ViewColor;

                    chart.ViewXY.GraphBackground.GradientFill = _restoreInfo.viewGradientFill;

 

                    foreach(var yAxis in chart.ViewXY.YAxes)

                    {

                        yAxis.MajorGrid.Color   = _restoreInfo.GridColor;

                        yAxis.MajorGrid.Pattern = _restoreInfo.GridLinePattern;

 

                        yAxis.MinorDivTickStyle.Visible = true;

                    }

 

                    foreach(var xAxis in chart.ViewXY.XAxes)

                    {

                        xAxis.MajorGrid.Color   = _restoreInfo.GridColor;

                        xAxis.MajorGrid.Pattern = _restoreInfo.GridLinePattern;

 

                        xAxis.MinorDivTickStyle.Visible = true;

                    }

 

                    chart.EndUpdate();

                }

            }

        }

 

        #endregion

    }

}

 

 

MainForm.cs

 

 

using System;

using System.Drawing;

using System.Windows.Forms;

 

using Arction.WinForms.Charting;

using Arction.WinForms.Charting.Axes;

using Arction.WinForms.Charting.SeriesXY;

 

namespace TestProject

{

    /// <summary>

    /// 메인 폼

    /// </summary>

    public partial class MainForm : Form

    {

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

 

        #region Field

 

        /// <summary>

        /// 차트

        /// </summary>

        private LightningChartUltimate chart = null;

 

        #endregion

 

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

        ////////////////////////////////////////////////////////////////////////////////////////// Public

 

        #region 생성자 - MainForm()

 

        /// <summary>

        /// 생성자

        /// </summary>

        public MainForm()

        {

            InitializeComponent();

 

            InitializeChart();

        }

 

        #endregion

 

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

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

 

        #region 차트 초기화하기 - InitializeChart()

 

        /// <summary>

        /// 차트 초기화하기

        /// </summary>

        private void InitializeChart()

        {

            this.chart = new LightningChartUltimate();

            

            this.chart.BeginUpdate();

 

            this.chart.Parent = this;

            this.chart.Dock   = DockStyle.Fill;

            this.chart.Name   = "chart";

 

            this.chart.Title.Font = Font;

            this.chart.Title.Text = "Y축 분할 차트";

 

            this.chart.ViewXY.LegendBoxes[0].Visible = false;

 

            AxisX axisX = this.chart.ViewXY.XAxes[0];

 

            axisX.SetRange(0, 20);

 

            axisX.Title.Font    = Font;

            axisX.Title.Text    = "X축";

            axisX.ScrollMode     = XAxisScrollMode.None;

            axisX.AutoDivSpacing = false;

            axisX.MajorDiv       = 2;

            axisX.ValueType      = AxisValueType.Number;

 

            this.chart.ViewXY.AxisLayout.YAxesLayout = YAxesLayout.Stacked;

 

            ChartHelper.ClearListData(this.chart.ViewXY.YAxes);

 

            AxisY axisY1 = new AxisY(this.chart.ViewXY);

 

            axisY1.Title.Font = Font;

            axisY1.Title.Text = "Y1축";

 

            this.chart.ViewXY.YAxes.Add(axisY1);

 

            AxisY axisY2 = new AxisY(this.chart.ViewXY);

 

            axisY2.Title.Font = Font;

            axisY2.Title.Text = "Y2축";

 

            this.chart.ViewXY.YAxes.Add(axisY2);

 

            foreach(AxisY axisY in this.chart.ViewXY.YAxes)

            {

                axisY.SetRange(-230, 230);

            }

 

            ChartHelper.SetDarkFlatStyle(this.chart);

 

            Random random = new Random();

 

            const double interval = 0.01;

 

            double x = 0;

 

            int pointCount1 = (int)((axisX.Maximum - axisX.Minimum) / interval) + 1;

 

            SeriesPoint[] pointArray1 = new SeriesPoint[pointCount1];

 

            for(int i = 0; i < pointCount1; i++)

            {

                pointArray1[i].X = x;

                pointArray1[i].Y = 800.0 * (0.2 * (random.NextDouble() - 0.5) + 0.2 * Math.Sin(x));

 

                x += interval;

            }

 

            PointLineSeries series1 = new PointLineSeries(this.chart.ViewXY, axisX, axisY1);

 

            series1.MouseInteraction       = false;

            series1.Title.Visible          = false;

            series1.LineStyle.Color        = DefaultColors.SeriesForBlackBackground[0];

            series1.Title.Color            = series1.LineStyle.Color;

            series1.LineStyle.Width        = 2f;

            series1.LineStyle.AntiAliasing = LineAntialias.Normal;

            series1.MouseHighlight         = MouseOverHighlight.Simple;

            series1.Points                 = pointArray1;

 

            this.chart.ViewXY.PointLineSeries.Add(series1);

 

            int segmentCount = 3;

 

            for(int i = 0; i < segmentCount; i++)

            {

                double segmentStart = 1;

                double segmentStop  = 3;

 

                if(i == 1)

                {

                    segmentStart = 5;

                    segmentStop  = 8;

                }

                else if(i == 2)

                {

                    segmentStart = 10;

                    segmentStop  = 18;

                }

 

                int pointCount2 = (int)((segmentStop - segmentStart) / interval) + 1;

 

                int sourceIndex = (int)(segmentStart / interval);

 

                SeriesPoint[] pointArray2 = new SeriesPoint[pointCount2];

 

                for(int j = 0; j < pointCount2; j++)

                {

                    pointArray2[j] = pointArray1[sourceIndex++];

                }

 

                PointLineSeries series2 = new PointLineSeries(this.chart.ViewXY, axisX, axisY2);

 

                series2.MouseInteraction       = false;

                series2.Title.Visible          = false;

                series2.LineStyle.Color        = Color.OrangeRed;

                series2.Title.Color            = series2.LineStyle.Color;

                series2.LineStyle.Width        = 2f;

                series2.LineStyle.AntiAliasing = LineAntialias.Normal;

                series2.MouseHighlight         = MouseOverHighlight.Simple;

                series2.Points                 = pointArray2;

 

                this.chart.ViewXY.PointLineSeries.Add(series2);

            }

 

            this.chart.EndUpdate();

        }

 

        #endregion

    }

}

 

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

Posted by 사용자 icodebroker
TAG

댓글을 달아 주세요