LINE CHART Archives - 4 중 4 번째 페이지

[C#/WINFORM/LIGHTNINGCHART] PointLineSeries 클래스 : DataBreaking 속성을 사용해 데이터 갭(gap) 표시하기

■ PointLineSeries 클래스의 DataBreaking 속성을 사용해 데이터 갭(gap)을 표시하는 방법을 보여준다. ▶ 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]),
            Color.FromArgb(180, SolidColorList[4])
        };

        #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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

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]),

Color.FromArgb(180, SolidColorList[4])

};

#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.Windows.Forms;

using Arction.WinForms.Charting;
using Arction.WinForms.Charting.Axes;
using Arction.WinForms.Charting.SeriesXY;
using Arction.WinForms.Charting.Views.ViewXY;

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.Name   = "chart";
            this.chart.Parent = this;
            this.chart.Dock   = DockStyle.Fill;

            this.chart.Title.Font = Font;
            this.chart.Title.Text = "선/막대 차트";

            ViewXY viewXY = this.chart.ViewXY;

            AxisX axisX = viewXY.XAxes[0];

            axisX.Title.Font     = Font;
            axisX.Title.Text     = "X축";
            axisX.ValueType      = AxisValueType.Number;
            axisX.ScrollMode     = XAxisScrollMode.None;
            axisX.AutoDivSpacing = false;
            axisX.MajorDiv       = 2;

            axisX.SetRange(0, 10);

            AxisY axisY = viewXY.YAxes[0];

            axisY.Title.Font = Font;
            axisY.Title.Text = "Y축";

            axisY.SetRange(0, 50);

            ChartHelper.SetDarkFlatStyle(this.chart);

            int pointCount = 101;

            const double INTERVAL = 0.1;

            double[] xValueArray = new double[pointCount];
            double[] yValueArray = new double[pointCount];

            for(int i = 0; i < pointCount; i++)
            {
                xValueArray[i] = (double)i * INTERVAL;
                yValueArray[i] = 30.0 + 5.0 * Math.Sin((double)i / 20.0);
            }

            yValueArray[40] = double.NaN;
            yValueArray[70] = double.NaN;
            yValueArray[71] = double.NaN;
            yValueArray[72] = double.NaN;
            yValueArray[73] = double.NaN;
            yValueArray[90] = double.NaN;
            yValueArray[91] = double.NaN;

            PointLineSeries series = new PointLineSeries(viewXY, axisX, axisY);

            series.DataBreaking.Enabled = true;
            series.DataBreaking.Value   = double.NaN;

            SeriesPoint[] pointArray = new SeriesPoint[pointCount];

            for(int i = 0; i < pointCount; i++)
            {
                pointArray[i].X = xValueArray[i];
                pointArray[i].Y = yValueArray[i];
            }

            series.Points = pointArray;

            viewXY.PointLineSeries.Add(series);

            LegendBoxXY legendBoxXY = viewXY.LegendBoxes[0];

            legendBoxXY.Visible = false;

            this.chart.EndUpdate();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

using System;

using System.Windows.Forms;

using Arction.WinForms.Charting;

using Arction.WinForms.Charting.Axes;

using Arction.WinForms.Charting.SeriesXY;

using Arction.WinForms.Charting.Views.ViewXY;

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.Name = "chart";

this.chart.Parent = this;

this.chart.Dock = DockStyle.Fill;

this.chart.Title.Font = Font;

this.chart.Title.Text = "선/막대 차트";

ViewXY viewXY = this.chart.ViewXY;

AxisX axisX = viewXY.XAxes[0];

axisX.Title.Font = Font;

axisX.Title.Text = "X축";

axisX.ValueType = AxisValueType.Number;

axisX.ScrollMode = XAxisScrollMode.None;

axisX.AutoDivSpacing = false;

axisX.MajorDiv = 2;

axisX.SetRange(0, 10);

AxisY axisY = viewXY.YAxes[0];

axisY.Title.Font = Font;

axisY.Title.Text = "Y축";

axisY.SetRange(0, 50);

ChartHelper.SetDarkFlatStyle(this.chart);

int pointCount = 101;

const double INTERVAL = 0.1;

double[] xValueArray = new double[pointCount];

double[] yValueArray = new double[pointCount];

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

{

xValueArray[i] = (double)i * INTERVAL;

yValueArray[i] = 30.0 + 5.0 * Math.Sin((double)i / 20.0);

}

yValueArray[40] = double.NaN;

yValueArray[70] = double.NaN;

yValueArray[71] = double.NaN;

yValueArray[72] = double.NaN;

yValueArray[73] = double.NaN;

yValueArray[90] = double.NaN;

yValueArray[91] = double.NaN;

PointLineSeries series = new PointLineSeries(viewXY, axisX, axisY);

series.DataBreaking.Enabled = true;

series.DataBreaking.Value = double.NaN;

SeriesPoint[] pointArray = new SeriesPoint[pointCount];

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

{

pointArray[i].X = xValueArray[i];

pointArray[i].Y = yValueArray[i];

}

series.Points = pointArray;

viewXY.PointLineSeries.Add(series);

LegendBoxXY legendBoxXY = viewXY.LegendBoxes[0];

legendBoxXY.Visible = false;

this.chart.EndUpdate();

}

#endregion

}

TestProject.zip

[C#/WINFORM/LIGHTNINGCHART] PointLineSeries/BarSeries 클래스 : 선/막대 차트 그리기

■ PointLineSeries/BarSeries 클래스를 사용해 선/막대 차트를 그리는 방법을 보여준다. ▶ 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]),
            Color.FromArgb(180, SolidColorList[4])
        };

        #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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

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]),

Color.FromArgb(180, SolidColorList[4])

};

#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.Windows.Forms;

using Arction.WinForms.Charting;
using Arction.WinForms.Charting.Axes;
using Arction.WinForms.Charting.SeriesXY;
using Arction.WinForms.Charting.Views.ViewXY;

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.Name   = "chart";
            this.chart.Parent = this;
            this.chart.Dock   = DockStyle.Fill;

            this.chart.Title.Font = Font;
            this.chart.Title.Text = "선/막대 차트";

            ViewXY viewXY = this.chart.ViewXY;

            viewXY.BarViewOptions.Grouping = BarsGrouping.ByLocation;

            AxisX axisX = viewXY.XAxes[0];

            axisX.Title.Font = Font;
            axisX.Title.Text = "X축";
            axisX.ValueType  = AxisValueType.Number;
            axisX.ScrollMode = XAxisScrollMode.None;

            axisX.SetRange(0, 11);

            AxisY axisY = viewXY.YAxes[0];

            axisY.Title.Font = Font;
            axisY.Title.Text = "Y축";

            axisY.SetRange(0, 60);

            ChartHelper.SetDarkFlatStyle(this.chart);

            int pointCount = 10;

            double[] xValueArray = new double[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
            double[] yValueArray = new double[] { 10, 20, 35, 50, 58, 45, 30, 25, 20, 5 };

            PointLineSeries pointLineSeries = new PointLineSeries(viewXY, axisX, axisY);

            pointLineSeries.Title.Text    = "선";
            pointLineSeries.PointsVisible = true;

            pointLineSeries.AddPoints(xValueArray, yValueArray, false);

            viewXY.PointLineSeries.Add(pointLineSeries);

            BarSeries barSeries = new BarSeries(viewXY, axisX, axisY);

            barSeries.Title.Text = "막대";

            BarSeriesValue[] barSeriesValueArray = new BarSeriesValue[10];

            for(int i = 0; i < pointCount; i++)
            {
                barSeriesValueArray[i].Location = xValueArray[i];
                barSeriesValueArray[i].Value    = yValueArray[i];
            }

            barSeries.Values = barSeriesValueArray;

            viewXY.BarSeries.Add(barSeries);

            LegendBoxXY legendBoxXY = viewXY.LegendBoxes[0];

            legendBoxXY.Position = LegendBoxPositionXY.SegmentBottomRight;

            this.chart.EndUpdate();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

using System.Windows.Forms;

using Arction.WinForms.Charting;

using Arction.WinForms.Charting.Axes;

using Arction.WinForms.Charting.SeriesXY;

using Arction.WinForms.Charting.Views.ViewXY;

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.Name = "chart";

this.chart.Parent = this;

this.chart.Dock = DockStyle.Fill;

this.chart.Title.Font = Font;

this.chart.Title.Text = "선/막대 차트";

ViewXY viewXY = this.chart.ViewXY;

viewXY.BarViewOptions.Grouping = BarsGrouping.ByLocation;

AxisX axisX = viewXY.XAxes[0];

axisX.Title.Font = Font;

axisX.Title.Text = "X축";

axisX.ValueType = AxisValueType.Number;

axisX.ScrollMode = XAxisScrollMode.None;

axisX.SetRange(0, 11);

AxisY axisY = viewXY.YAxes[0];

axisY.Title.Font = Font;

axisY.Title.Text = "Y축";

axisY.SetRange(0, 60);

ChartHelper.SetDarkFlatStyle(this.chart);

int pointCount = 10;

double[] xValueArray = new double[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };

double[] yValueArray = new double[] { 10, 20, 35, 50, 58, 45, 30, 25, 20, 5 };

PointLineSeries pointLineSeries = new PointLineSeries(viewXY, axisX, axisY);

pointLineSeries.Title.Text = "선";

pointLineSeries.PointsVisible = true;

pointLineSeries.AddPoints(xValueArray, yValueArray, false);

viewXY.PointLineSeries.Add(pointLineSeries);

BarSeries barSeries = new BarSeries(viewXY, axisX, axisY);

barSeries.Title.Text = "막대";

BarSeriesValue[] barSeriesValueArray = new BarSeriesValue[10];

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

{

barSeriesValueArray[i].Location = xValueArray[i];

barSeriesValueArray[i].Value = yValueArray[i];

}

barSeries.Values = barSeriesValueArray;

viewXY.BarSeries.Add(barSeries);

LegendBoxXY legendBoxXY = viewXY.LegendBoxes[0];

legendBoxXY.Position = LegendBoxPositionXY.SegmentBottomRight;

this.chart.EndUpdate();

}

#endregion

}

TestProject.zip

[C#/WINFORM/LIGHTNINGCHART] FreeformPointLineSeries 클래스 : 에러 막대 차트 그리기

■ FreeformPointLineSeries 클래스를 사용해 에러 막대 차트를 그리는 방법을 보여준다. ▶ 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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

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.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 = "에러 막대 차트";

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

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

            axisX.Title.Text = "빛 파장(nm)";
            axisX.ValueType  = AxisValueType.Number;
            axisX.ScrollMode = XAxisScrollMode.None;

            axisX.SetRange(300, 800);

            AxisY axisY = this.chart.ViewXY.YAxes[0];

            axisY.Title.Text = "식물 성장(mm/월)";

            axisY.SetRange(0, 50);

            ChartHelper.SetDarkFlatStyle(this.chart);

            FreeformPointLineSeries series = new FreeformPointLineSeries(this.chart.ViewXY, axisX, axisY);

            series.ErrorBars.ShowXError   = true;
            series.ErrorBars.ShowYError   = true;
            series.PointsVisible          = true;
            series.PointCountLimitEnabled = true;
            series.PointsType             = PointsType.ErrorPoints;
            series.PointStyle.Width       = 10;
            series.PointStyle.Height      = 10;

            this.chart.ViewXY.FreeformPointLineSeries.Add(series);

            double xError = 3;
            double yError = 2;

            int pointCount = 30;

            Random random = new Random();

            double xStep = (axisX.Maximum - axisX.Minimum) / (double)(pointCount - 1);

            SeriesErrorPoint[] pointArray = new SeriesErrorPoint[pointCount];

            for(int i = 0; i < pointCount; i++)
            {
                double x = axisX.Minimum + (double)i * xStep;
                double y = -(x - 550) * (x - 550) / 500 + 400;

                pointArray[i] = new SeriesErrorPoint
                (
                    x + (random.NextDouble() - 0.5) * 2.0 * xError,
                    y + (random.NextDouble() - 0.5) * 2.0 * yError,
                    xError,
                    xError,
                    yError,
                    yError
                );
            }

            series.PointsWithErrors = pointArray;

            double minimumY;
            double maximumY;

            series.GetMinMaxFromXRange(out minimumY, out maximumY, axisX.Minimum, axisX.Maximum, false);

            this.chart.ViewXY.YAxes[0].SetRange(minimumY - yError, maximumY + yError);

            this.chart.ViewXY.XAxes[0].SetRange(300 - xError, 800 + xError);

            this.chart.EndUpdate();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

using System;

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 = "에러 막대 차트";

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

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

axisX.Title.Text = "빛 파장(nm)";

axisX.ValueType = AxisValueType.Number;

axisX.ScrollMode = XAxisScrollMode.None;

axisX.SetRange(300, 800);

AxisY axisY = this.chart.ViewXY.YAxes[0];

axisY.Title.Text = "식물 성장(mm/월)";

axisY.SetRange(0, 50);

ChartHelper.SetDarkFlatStyle(this.chart);

FreeformPointLineSeries series = new FreeformPointLineSeries(this.chart.ViewXY, axisX, axisY);

series.ErrorBars.ShowXError = true;

series.ErrorBars.ShowYError = true;

series.PointsVisible = true;

series.PointCountLimitEnabled = true;

series.PointsType = PointsType.ErrorPoints;

series.PointStyle.Width = 10;

series.PointStyle.Height = 10;

this.chart.ViewXY.FreeformPointLineSeries.Add(series);

double xError = 3;

double yError = 2;

int pointCount = 30;

Random random = new Random();

double xStep = (axisX.Maximum - axisX.Minimum) / (double)(pointCount - 1);

SeriesErrorPoint[] pointArray = new SeriesErrorPoint[pointCount];

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

{

double x = axisX.Minimum + (double)i * xStep;

double y = -(x - 550) * (x - 550) / 500 + 400;

pointArray[i] = new SeriesErrorPoint

(

x + (random.NextDouble() - 0.5) * 2.0 * xError,

y + (random.NextDouble() - 0.5) * 2.0 * yError,

xError,

yError,

yError

);

}

series.PointsWithErrors = pointArray;

double minimumY;

double maximumY;

series.GetMinMaxFromXRange(out minimumY, out maximumY, axisX.Minimum, axisX.Maximum, false);

this.chart.ViewXY.YAxes[0].SetRange(minimumY - yError, maximumY + yError);

this.chart.ViewXY.XAxes[0].SetRange(300 - xError, 800 + xError);

this.chart.EndUpdate();

}

#endregion

}

TestProject.zip

[C#/WINFORM/LIGHTNINGCHART] PointLineSeries 클래스 : 2D 라인 차트 그리기

■ PointLineSeries 클래스를 사용해 2D 라인 차트를 그리는 방법을 보여준다. ▶ 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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

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 = "세그먼트 라인 차트";

            ChartHelper.SetDarkFlatStyle(this.chart);

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

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

            axisX.Title.Font     = Font;
            axisX.Title.Text     = "X축";
            axisX.ScrollMode     = XAxisScrollMode.None;
            axisX.AutoDivSpacing = false;
            axisX.MajorDiv       = 2;
            axisX.Maximum        = 40;

            AxisY axisY = this.chart.ViewXY.YAxes[0];

            axisY.Title.Font = Font;
            axisY.Title.Text = "Y축";

            axisY.SetRange(0, 1000);

            Random random = new Random();

            double interval      = 0.05;
            double nextX         = 0;
            double previousY     = 0;
            double segmentLength = axisX.MajorDiv;

            double maximumX = axisX.Maximum;
            double maximumY = axisY.Maximum;
            double minimumY = axisY.Minimum;

            int pointCountPerSegment = (int)Math.Floor(segmentLength / interval) + 1;

            for(int i = 0; i < 20; i++)
            {
                SeriesPoint[] pointArray = new SeriesPoint[pointCountPerSegment];

                for(int j = 0; j < pointCountPerSegment; j++)
                {
                    pointArray[j].X = nextX;

                    if(j == 0 && i != 0)
                    {
                        pointArray[j].Y = previousY;
                    }
                    else
                    {
                        pointArray[j].Y = 500.0 + 1000.0 * (0.01 * (random.NextDouble() - 0.5) + 0.2 * Math.Sin(nextX));
                    }

                    previousY = pointArray[j].Y;

                    if(j < pointCountPerSegment - 1)
                    {
                        nextX += interval;
                    }
                }

                PointLineSeries series = new PointLineSeries(this.chart.ViewXY, axisX, this.chart.ViewXY.YAxes[0]);

                if(i % 2 == 0)
                {
                    series.LineStyle.Color = Color.OrangeRed;
                }
                else
                {
                    series.LineStyle.Color = Color.Yellow;
                }

                series.MouseInteraction       = false;
                series.Title.Text             = "세그먼트 " + i.ToString();
                series.Title.Color            = series.LineStyle.Color;
                series.Title.Visible          = false;
                series.LineStyle.Width        = 3f;
                series.LineStyle.AntiAliasing = LineAntialias.Normal;
                series.Points                 = pointArray;

                this.chart.ViewXY.PointLineSeries.Add(series);
            }

            this.chart.EndUpdate();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

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 = "세그먼트 라인 차트";

ChartHelper.SetDarkFlatStyle(this.chart);

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

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

axisX.Title.Font = Font;

axisX.Title.Text = "X축";

axisX.ScrollMode = XAxisScrollMode.None;

axisX.AutoDivSpacing = false;

axisX.MajorDiv = 2;

axisX.Maximum = 40;

AxisY axisY = this.chart.ViewXY.YAxes[0];

axisY.Title.Font = Font;

axisY.Title.Text = "Y축";

axisY.SetRange(0, 1000);

Random random = new Random();

double interval = 0.05;

double nextX = 0;

double previousY = 0;

double segmentLength = axisX.MajorDiv;

double maximumX = axisX.Maximum;

double maximumY = axisY.Maximum;

double minimumY = axisY.Minimum;

int pointCountPerSegment = (int)Math.Floor(segmentLength / interval) + 1;

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

{

SeriesPoint[] pointArray = new SeriesPoint[pointCountPerSegment];

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

{

pointArray[j].X = nextX;

if(j == 0 && i != 0)

{

pointArray[j].Y = previousY;

}

else

{

pointArray[j].Y = 500.0 + 1000.0 * (0.01 * (random.NextDouble() - 0.5) + 0.2 * Math.Sin(nextX));

}

previousY = pointArray[j].Y;

if(j < pointCountPerSegment - 1)

{

nextX += interval;

}

PointLineSeries series = new PointLineSeries(this.chart.ViewXY, axisX, this.chart.ViewXY.YAxes[0]);

if(i % 2 == 0)

{

series.LineStyle.Color = Color.OrangeRed;

}

else

{

series.LineStyle.Color = Color.Yellow;

}

series.MouseInteraction = false;

series.Title.Text = "세그먼트 " + i.ToString();

series.Title.Color = series.LineStyle.Color;

series.Title.Visible = false;

series.LineStyle.Width = 3f;

series.LineStyle.AntiAliasing = LineAntialias.Normal;

series.Points = pointArray;

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

}

this.chart.EndUpdate();

}

#endregion

}

TestProject.zip

[C#/WINFORM/LIGHTNINGCHART] PointLineSeries 클래스 : Y축 분할해 2D 라인 차트 그리기

■ PointLineSeries 클래스를 사용해 Y축 분할해 2D 라인 차트를 그리는 방법을 보여준다. ▶ 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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

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

}

TestProject.zip

[C#/WINFORM/LIGHTNINGCHART] PointLineSeries 클래스 : 2D 라인 차트 그리기

■ PointLineSeries 클래스를 사용해 2D 라인 차트를 그리는 방법을 보여준다. ▶ 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
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

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.Windows.Forms;

using Arction.WinForms.Charting;
using Arction.WinForms.Charting.Axes;
using Arction.WinForms.Charting.SeriesXY;
using Arction.WinForms.Charting.Views.ViewXY;

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.Name   = "chart";
            this.chart.Parent = this;
            this.chart.Dock   = DockStyle.Fill;

            this.chart.Title.Font = Font;
            this.chart.Title.Text = "2D 라인 차트";

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

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

            axisX.Title.Font = Font;
            axisX.Title.Text = "X축";
            axisX.ScrollMode = XAxisScrollMode.None;
            axisX.ValueType  = AxisValueType.Number;

            axisX.SetRange(0, 20);

            AxisY axisY = this.chart.ViewXY.YAxes[0];

            axisY.Title.Font = Font;
            axisY.Title.Text = "Y축";

            axisY.SetRange(0, 100);

            ChartHelper.SetDarkFlatStyle(this.chart);

            Random random = new Random();

            int pointCount = 21;

            SeriesPoint[] pointArray = new SeriesPoint[pointCount];

            for(int i = 0; i < pointCount; i++)
            {
                pointArray[i].X = (double)i;
                pointArray[i].Y = 100.0 * random.NextDouble();
            }

            PointLineSeries series = new PointLineSeries(this.chart.ViewXY, axisX, axisY);

            series.PointsVisible = true;
            series.Points        = pointArray;

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

            LineSeriesCursor cursor = new LineSeriesCursor(this.chart.ViewXY, axisX);

            cursor.ValueAtXAxis = 5;
            cursor.SnapToPoints = true;

            this.chart.ViewXY.LineSeriesCursors.Add(cursor);

            this.chart.EndUpdate();

            ChartTools.ZoomToDataAndLabelsArea(this.chart);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

using System;

using System.Windows.Forms;

using Arction.WinForms.Charting;

using Arction.WinForms.Charting.Axes;

using Arction.WinForms.Charting.SeriesXY;

using Arction.WinForms.Charting.Views.ViewXY;

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.Name = "chart";

this.chart.Parent = this;

this.chart.Dock = DockStyle.Fill;

this.chart.Title.Font = Font;

this.chart.Title.Text = "2D 라인 차트";

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

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

axisX.Title.Font = Font;

axisX.Title.Text = "X축";

axisX.ScrollMode = XAxisScrollMode.None;

axisX.ValueType = AxisValueType.Number;

axisX.SetRange(0, 20);

AxisY axisY = this.chart.ViewXY.YAxes[0];

axisY.Title.Font = Font;

axisY.Title.Text = "Y축";

axisY.SetRange(0, 100);

ChartHelper.SetDarkFlatStyle(this.chart);

Random random = new Random();

int pointCount = 21;

SeriesPoint[] pointArray = new SeriesPoint[pointCount];

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

{

pointArray[i].X = (double)i;

pointArray[i].Y = 100.0 * random.NextDouble();

}

PointLineSeries series = new PointLineSeries(this.chart.ViewXY, axisX, axisY);

series.PointsVisible = true;

series.Points = pointArray;

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

LineSeriesCursor cursor = new LineSeriesCursor(this.chart.ViewXY, axisX);

cursor.ValueAtXAxis = 5;

cursor.SnapToPoints = true;

this.chart.ViewXY.LineSeriesCursors.Add(cursor);

this.chart.EndUpdate();

ChartTools.ZoomToDataAndLabelsArea(this.chart);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 커스텀 함수 설정하기

■ Line 클래스의 Function 속성을 사용해 커스텀 함수를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;

using Steema.TeeChart;
using Steema.TeeChart.Styles;

/// <summary>
/// 제곱근 합계
/// </summary>
public class SquareRootSummary : Function
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - SquareRootSummary()

    /// <summary>
    /// 생성자
    /// </summary>
    public SquareRootSummary(): base()
    {
    }

    #endregion

    #region 생성자 - SquareRootSummary(innerChart)

    /// <summary>
    /// 생성자
    /// </summary>
    /// <param name="innerChart">내부 Chart</param>
    public SquareRootSummary(Chart innerChart) : base(innerChart)
    {
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 계산하기 - Calculate(sourceSeries, firstIndex, lastIndex)

    /// <summary>
    /// 계산하기
    /// </summary>
    /// <param name="sourceSeries">소스 시리즈</param>
    /// <param name="firstIndex">첫번째 인덱스</param>
    /// <param name="lastIndex">마지막 인덱스</param>
    /// <returns>계산 값</returns>
    public override double Calculate(Series sourceSeries, int firstIndex, int lastIndex)
    {
        ValueList valueList = ValueList(sourceSeries);

        if(firstIndex == -1)
        {
            double result = 0d;

            for(int i = 0; i < sourceSeries.Count; i++)
            {
                result += Math.Sqrt(valueList[i]);
            }

            return result;
        }
        else
        {
            double result = 0d;

            for(int i = firstIndex; i <= lastIndex; i++)
            {
                result += Math.Sqrt(valueList[i]);
            }

            return result;
        }
    }

    #endregion

    #region 다수 계산하기 - CalculateMany(sourceSeriesArrayList, valueIndex)

    /// <summary>
    /// 다수 계산하기
    /// </summary>
    /// <param name="sourceSeriesArrayList">소스 시리즈 배열 리스트</param>
    /// <param name="valueIndex">값 인덱스</param>
    /// <returns>계산 값</returns>
    public override double CalculateMany(ArrayList sourceSeriesArrayList, int valueIndex)
    {
        ValueList valueList = null;
        double    result    = 0d;

        for(int i = 0; i < sourceSeriesArrayList.Count; i++)
        {
            valueList = ValueList(sourceSeriesArrayList[i] as Series);

            if(valueList.Count > valueIndex)
            {
                result += Math.Sqrt(valueList[valueIndex]);
            }
        }

        return result;
    }

    #endregion
}

...

#region 차트를 생성한다.

TChart chart = new TChart();

chart.Aspect.View3D = false;

#endregion

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.FillSampleValues();

chart.Series.Add(bar);

#endregion

#region 커스텀 함수를 생성한다.

SquareRootSummary squareSummary = new SquareRootSummary();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.LinePen.Width = 3;

line.DataSource = bar;
line.Function   = squareSummary;
line.Color      = Color.Red;

line.CheckDataSource();

chart.Series.Add(line);

#endregion

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

using System;

using Steema.TeeChart;

using Steema.TeeChart.Styles;

/// <summary>

/// 제곱근 합계

/// </summary>

public class SquareRootSummary : Function

{

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

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

#region 생성자 - SquareRootSummary()

/// <summary>

/// 생성자

/// </summary>

public SquareRootSummary(): base()

{

}

#endregion

#region 생성자 - SquareRootSummary(innerChart)

/// <summary>

/// 생성자

/// </summary>

/// <param name="innerChart">내부 Chart</param>

public SquareRootSummary(Chart innerChart) : base(innerChart)

{

}

#endregion

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

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

#region 계산하기 - Calculate(sourceSeries, firstIndex, lastIndex)

/// <summary>

/// 계산하기

/// </summary>

/// <param name="sourceSeries">소스 시리즈</param>

/// <param name="firstIndex">첫번째 인덱스</param>

/// <param name="lastIndex">마지막 인덱스</param>

/// <returns>계산 값</returns>

public override double Calculate(Series sourceSeries, int firstIndex, int lastIndex)

{

ValueList valueList = ValueList(sourceSeries);

if(firstIndex == -1)

{

double result = 0d;

for(int i = 0; i < sourceSeries.Count; i++)

{

result += Math.Sqrt(valueList[i]);

}

return result;

}

else

{

double result = 0d;

for(int i = firstIndex; i <= lastIndex; i++)

{

result += Math.Sqrt(valueList[i]);

}

return result;

}

#endregion

#region 다수 계산하기 - CalculateMany(sourceSeriesArrayList, valueIndex)

/// <summary>

/// 다수 계산하기

/// </summary>

/// <param name="sourceSeriesArrayList">소스 시리즈 배열 리스트</param>

/// <param name="valueIndex">값 인덱스</param>

/// <returns>계산 값</returns>

public override double CalculateMany(ArrayList sourceSeriesArrayList, int valueIndex)

{

ValueList valueList = null;

double result = 0d;

for(int i = 0; i < sourceSeriesArrayList.Count; i++)

{

valueList = ValueList(sourceSeriesArrayList[i] as Series);

if(valueList.Count > valueIndex)

{

result += Math.Sqrt(valueList[valueIndex]);

}

return result;

}

#endregion

}

...

#region 차트를 생성한다.

TChart chart = new TChart();

chart.Aspect.View3D = false;

#endregion

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.FillSampleValues();

chart.Series.Add(bar);

#endregion

#region 커스텀 함수를 생성한다.

SquareRootSummary squareSummary = new SquareRootSummary();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.LinePen.Width = 3;

line.DataSource = bar;

line.Function = squareSummary;

line.Color = Color.Red;

line.CheckDataSource();

chart.Series.Add(line);

#endregion

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 Average 설정하기

■ Line 클래스의 Function 속성을 사용해 Average를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;

using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

Random   random        = new Random();
TimeSpan monthTimeSpan = new TimeSpan(30, 0, 0, 0);
DateTime currentTime   = DateTime.Today;

#region 차트를 생성한다.

TChart chart = new TChart();

chart.Aspect.View3D            = false;
chart.Axes.Bottom.Labels.Angle = 90;

#endregion

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.XValues.DateTime = true;
bar.Marks.Visible    = false;
bar.Color            = Color.Blue;

for(int i = 0; i < 60; ++i)
{
    currentTime = currentTime.AddDays(5);

    bar.Add(currentTime, random.Next(100));
}

chart.Series.Add(bar);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.LinePen.Width = 3;

line.DataSource = bar;
line.Function   = average;
line.Color      = Color.Red;

chart.Series.Add(line);

#endregion

average.PeriodAlign = PeriodAligns.Center;
average.PeriodStyle = PeriodStyles.Range;
average.Period      = monthTimeSpan.TotalDays;

line.CheckDataSource();

using System;

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

Random random = new Random();

TimeSpan monthTimeSpan = new TimeSpan(30, 0, 0, 0);

DateTime currentTime = DateTime.Today;

#region 차트를 생성한다.

TChart chart = new TChart();

chart.Aspect.View3D = false;

chart.Axes.Bottom.Labels.Angle = 90;

#endregion

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.XValues.DateTime = true;

bar.Marks.Visible = false;

bar.Color = Color.Blue;

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

{

currentTime = currentTime.AddDays(5);

bar.Add(currentTime, random.Next(100));

}

chart.Series.Add(bar);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.LinePen.Width = 3;

line.DataSource = bar;

line.Function = average;

line.Color = Color.Red;

chart.Series.Add(line);

#endregion

average.PeriodAlign = PeriodAligns.Center;

average.PeriodStyle = PeriodStyles.Range;

average.Period = monthTimeSpan.TotalDays;

line.CheckDataSource();

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 Average 설정하기

■ Line 클래스의 Function 속성을 사용해 Average를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

#region 막대1 시리즈를 생성한다.

Bar bar1 = new Bar();

bar1.FillSampleValues(10);

chart.Series.Add(bar1);

#endregion

#region 막대2 시리즈를 생성한다.

Bar bar2 = new Bar();

bar2.FillSampleValues(10);

chart.Series.Add(bar2);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.Function      = average;
line.DataSource    = new object[] { bar1, bar2 };
line.Marks.Visible = true;

chart.Series.Add(line);

#endregion

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

#region 막대1 시리즈를 생성한다.

Bar bar1 = new Bar();

bar1.FillSampleValues(10);

chart.Series.Add(bar1);

#endregion

#region 막대2 시리즈를 생성한다.

Bar bar2 = new Bar();

bar2.FillSampleValues(10);

chart.Series.Add(bar2);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.Function = average;

line.DataSource = new object[] { bar1, bar2 };

line.Marks.Visible = true;

chart.Series.Add(line);

#endregion

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 Low 설정하기

■ Line 클래스의 Function 속성을 사용해 Low를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D           = false;
chart.Axes.Left.MinimumOffset = 10;

#region 라인 1 시리즈를 생성한다.

Line line1 = new Line();

line1.FillSampleValues(10);

chart.Series.Add(line1);

#endregion

#region 하위 함수를 생성한다.

Low low = new Low();

#endregion

#region 라인 2 시리즈를 생성한다.

Line line2 = new Line();

line2.Function   = low;
line2.DataSource = line1;
line2.Color      = Color.Red;

chart.Series.Add(line2);

#endregion

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

chart.Axes.Left.MinimumOffset = 10;

#region 라인 1 시리즈를 생성한다.

Line line1 = new Line();

line1.FillSampleValues(10);

chart.Series.Add(line1);

#endregion

#region 하위 함수를 생성한다.

Low low = new Low();

#endregion

#region 라인 2 시리즈를 생성한다.

Line line2 = new Line();

line2.Function = low;

line2.DataSource = line1;

line2.Color = Color.Red;

chart.Series.Add(line2);

#endregion

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 High 설정하기

■ Line 클래스의 Function 속성을 사용해 High를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D           = false;
chart.Axes.Left.MaximumOffset = 10;

#region 라인 1 시리즈를 생성한다.

Line line1 = new Line();

line1.FillSampleValues(10);

chart.Series.Add(line1);

#endregion

#region 상위 함수를 생성한다.

High high = new High();

#endregion

#region 라인 2 시리즈를 생성한다.

Line line2 = new Line();

line2.Function   = high;
line2.DataSource = line1;
line2.Color      = Color.Red;

chart.Series.Add(line2);

#endregion

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

chart.Axes.Left.MaximumOffset = 10;

#region 라인 1 시리즈를 생성한다.

Line line1 = new Line();

line1.FillSampleValues(10);

chart.Series.Add(line1);

#endregion

#region 상위 함수를 생성한다.

High high = new High();

#endregion

#region 라인 2 시리즈를 생성한다.

Line line2 = new Line();

line2.Function = high;

line2.DataSource = line1;

line2.Color = Color.Red;

chart.Series.Add(line2);

#endregion

[C#/WINFORM/TEECHART] Line 클래스 : Function 속성을 사용해 Average 설정하기

■ Line 클래스의 Function 속성을 사용해 Average를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.Add(3 );
bar.Add(8 );
bar.Add(6 );
bar.Add(2 );
bar.Add(9 );
bar.Add(12);

chart.Series.Add(bar);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.Function        = average;
line.Function.Period = 2;
line.DataSource      = bar;

line.CheckDataSource();

chart.Series.Add(line);

#endregion

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

#region 막대 시리즈를 생성한다.

Bar bar = new Bar();

bar.Add(3 );

bar.Add(8 );

bar.Add(6 );

bar.Add(2 );

bar.Add(9 );

bar.Add(12);

chart.Series.Add(bar);

#endregion

#region 평균 함수를 생성한다.

Average average = new Average();

#endregion

#region 라인 시리즈를 생성한다.

Line line = new Line();

line.Function = average;

line.Function.Period = 2;

line.DataSource = bar;

line.CheckDataSource();

chart.Series.Add(line);

#endregion

※ Period 속성 값이 2인 경우 아래와

[C#/WINFORM/TEECHART] Line 클래스 : GetSeriesMark 이벤트를 사용해 커스텀 시리즈 마크 설정하기

■ Line 클래스의 GetSeriesMark 이벤트를 사용해 커스텀 시리즈 마크를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Drawing;

using Steema.TeeChart;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

Random random = new Random();

Line line = new Line();

line.Marks.Visible = true;

line.GetSeriesMark += line_GetSeriesMark;

line.XValues.DateTime = true;
line.Pointer.Visible  = true;
line.HorizAxis        = HorizontalAxis.Top;

line.Add(DateTime.Parse("2002/12/25 10:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/25 22:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/26 09:20:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/26 23:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/27 11:10:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/27 20:15:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/28 08:15:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/28 21:45:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/29 12:45:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/29 22:05:00"), random.Next(100), "", Color.Red);

chart.Series.Add(line);

#region 라인 시리즈 마크 구하기 - line_GetSeriesMark(sender, e)

/// <summary>
/// 라인 시리즈 마크 구하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void line_GetSeriesMark(Series sender, GetSeriesMarkEventArgs e)
{
    Line line = sender as Line;

    if(e.ValueIndex > 0)
    {
        if(line.YValues[e.ValueIndex] > line.YValues[e.ValueIndex - 1])
        {
            e.MarkText = e.MarkText + " (Up)";
        }
        else if(line.YValues[e.ValueIndex] < line.YValues[e.ValueIndex - 1])
        {
            e.MarkText = e.MarkText + " (Down)";
        }
        else
        {
            e.MarkText = e.MarkText + " (No Change)";
        }
    }
}

#endregion

using System;

using System.Drawing;

using Steema.TeeChart;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

Random random = new Random();

Line line = new Line();

line.Marks.Visible = true;

line.GetSeriesMark += line_GetSeriesMark;

line.XValues.DateTime = true;

line.Pointer.Visible = true;

line.HorizAxis = HorizontalAxis.Top;

line.Add(DateTime.Parse("2002/12/25 10:30:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/25 22:30:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/26 09:20:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/26 23:30:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/27 11:10:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/27 20:15:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/28 08:15:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/28 21:45:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/29 12:45:00"), random.Next(100), "", Color.Red);

line.Add(DateTime.Parse("2002/12/29 22:05:00"), random.Next(100), "", Color.Red);

chart.Series.Add(line);

#region 라인 시리즈 마크 구하기 - line_GetSeriesMark(sender, e)

/// <summary>

/// 라인 시리즈 마크 구하기

/// </summary>

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

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

private void line_GetSeriesMark(Series sender, GetSeriesMarkEventArgs e)

{

Line line = sender as Line;

if(e.ValueIndex > 0)

{

if(line.YValues[e.ValueIndex] > line.YValues[e.ValueIndex - 1])

{

e.MarkText = e.MarkText + " (Up)";

}

else if(line.YValues[e.ValueIndex] < line.YValues[e.ValueIndex - 1])

{

e.MarkText = e.MarkText + " (Down)";

}

else

{

e.MarkText = e.MarkText + " (No Change)";

}

#endregion

[C#/WINFORM/TEECHART] Line 클래스 : GetPointerStyle 이벤트를 사용해 포인터 스타일 설정하기

■ Line 클래스의 GetPointerStyle 이벤트를 사용해 포인터 스타일을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Drawing;

using Steema.TeeChart;
using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

Random random = new Random();

Line line = new Line();

line.GetPointerStyle += line_GetPointerStyle;

line.XValues.DateTime = true;
line.Pointer.Visible  = true;
line.HorizAxis        = HorizontalAxis.Top;

line.Add(DateTime.Parse("2002/12/25 10:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/25 22:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/26 09:20:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/26 23:30:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/27 11:10:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/27 20:15:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/28 08:15:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/28 21:45:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/29 12:45:00"), random.Next(100), "", Color.Red);
line.Add(DateTime.Parse("2002/12/29 22:05:00"), random.Next(100), "", Color.Red);

chart.Series.Add(line);

#region 라인 포인터 스타일 구하기 - line_GetPointerStyle(sender, e)

/// <summary>
/// 라인 포인터 스타일 구하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void line_GetPointerStyle(CustomPoint sender, GetPointerStyleEventArgs e)
{
    Line line = sender as Line;

    if(e.ValueIndex > 0)
    {
        if(line.YValues[e.ValueIndex] > line.YValues[e.ValueIndex - 1])
        {
            e.Style = PointerStyles.Triangle;
        }
        else if(line.YValues[e.ValueIndex] < line.YValues[e.ValueIndex - 1])
        {
            e.Style = PointerStyles.DownTriangle;
        }
        else
        {
            e.Style = PointerStyles.Diamond;
        }
    }
    else
    {
        e.Style = PointerStyles.Diamond;
    }
}

#endregion

using System;

using System.Drawing;

using Steema.TeeChart;

using Steema.TeeChart.Styles;

TChart chart = new TChart();

chart.Aspect.View3D = false;

Random random = new Random();

Line line = new Line();

line.GetPointerStyle += line_GetPointerStyle;