折れ線グラフは、系列内の異なるデータポイントを直線で接続することで、一定期間の傾向を表示します。入力を X 軸に沿って等間隔に並ぶカテゴリ情報として取り扱います。

XYZ という学校があるとします。この学校の 2011 年当初の生徒数は 3000 人です。学校の経営者は、2011 年から 2015 年までの生徒数の最大値、最小値、平均値を調べることにしました。さらに、退学者数が一番多かった時期を把握することも必要です。

折れ線グラフを使用して、データを可視化してみます。

サンプルデータテーブル

年	学校に入った	学校を退学した
2011	350	250
2012	300	450
2013	450	400
2014	500	350
2015	450	450

折れ線グラフ

上のグラフは、2011 年から 2015 年までの入学者数と退学者数を示します。

系列の数：2（学校に入ったと学校を退学した）
ポイントごとの Y 値の数：1

次に、この例を実装するコードを示します。

Visual Basic
C#

Visual Basic

' データ系列コレクションをクリアします
FlexChart1.Series.Clear()

' データ系列を作成します
Dim series1 As New C1.Win.Chart.Series()
Dim series2 As New C1.Win.Chart.Series()

' データ系列にデータポイントを追加します
series1.BindingX = "X"
series1.Binding = "Y"
series1.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2011, 350),
New System.Drawing.Point(2012, 300),
New System.Drawing.Point(2013, 450),
New System.Drawing.Point(2014, 500),
New System.Drawing.Point(2015, 450)}
series1.Name = "学校に入った"

series2.BindingX = "X"
series2.Binding = "Y"
series2.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2011, 250),
New System.Drawing.Point(2012, 450),
New System.Drawing.Point(2013, 400),
New System.Drawing.Point(2014, 350),
New System.Drawing.Point(2015, 450)}
series2.Name = "学校を退学した"

' データ系列コレクションにデータ系列を追加します
FlexChart1.Series.Add(series1)
FlexChart1.Series.Add(series2)

' チャートタイプを折れ線グラフに設定します
FlexChart1.ChartType = C1.Chart.ChartType.Line

// データ系列コレクションをクリアします
flexChart1.Series.Clear();

// データ系列を作成します
C1.Win.Chart.Series series1 = new C1.Win.Chart.Series();
C1.Win.Chart.Series series2 = new C1.Win.Chart.Series();

// データ系列にデータポイントを追加します
series1.BindingX = "X";
series1.Binding = "Y";
series1.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2011,350),
new System.Drawing.Point(2012,300),
new System.Drawing.Point(2013,450),
new System.Drawing.Point(2014,500),
new System.Drawing.Point(2015,450)};
series1.Name = "学校に入った";

series2.BindingX = "X";
series2.Binding = "Y";
series2.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2011,250),
new System.Drawing.Point(2012,450),
new System.Drawing.Point(2013,400),
new System.Drawing.Point(2014,350),
new System.Drawing.Point(2015,450)};
series2.Name = "学校を退学した";

// データ系列コレクションにデータ系列を追加します
flexChart1.Series.Add(series1);
flexChart1.Series.Add(series2);

// チャートタイプを折れ線に設定します
flexChart1.ChartType = C1.Chart.ChartType.Line;