FlexChart for WinForms
折れ線シンボル
FlexChart > FlexChart の理解 > FlexChart タイプ > 折れ線シンボル

折れ線シンボル グラフは、折れ線グラフと散布図グラフを組み合わせたグラフです。等間隔に並ぶデータの傾向を表示し、同じイベントに関連付けられた 2 つの変数の関係を視覚化します。シンボルを使用してデータポイントをプロットし、データポイント間を直線で接続します。

このシナリオでは、2 つの銀行 P と Q が 2009 年から 2015 年までの期間に投資家からの出資金に対して適用した固定年利を示すことにします。これらの銀行が示す金利は、国の経済動向に応じて毎年異なります。

ここでは、これらの銀行が適用する年利(%)を可視化する必要があります。それには、折れ線シンボルグラフを使用します。

サンプルデータテーブル

銀行 2009 2010 2011 2012 2013 2014 2015
P 7 9 8 10 8 7 6
Q 6 8 10 8 9 8 4

折れ線シンボルグラフ

上のグラフは、2 つの銀行が 2009 年から 2015 年までに適用した年利を示します。

次のコードは、このサンプルの実装です。

' データ系列コレクションをクリアします
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(2009, 7),
New System.Drawing.Point(2010, 9),
New System.Drawing.Point(2011, 8),
New System.Drawing.Point(2012, 10),
New System.Drawing.Point(2013, 8),
New System.Drawing.Point(2014, 7),
New System.Drawing.Point(2015, 6)}
series1.Name = "P銀行"

series2.BindingX = "X"
series2.Binding = "Y"
series2.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2009, 6),
New System.Drawing.Point(2010, 8),
New System.Drawing.Point(2011, 10),
New System.Drawing.Point(2012, 8),
New System.Drawing.Point(2013, 9),
New System.Drawing.Point(2014, 8),
New System.Drawing.Point(2015, 4)}
series2.Name = "Q銀行"

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

' チャートタイプを折れ線シンボルに設定します
FlexChart1.ChartType = C1.Chart.ChartType.LineSymbols
// データ系列コレクションをクリアします
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(2009,7),
new System.Drawing.Point(2010,9),
new System.Drawing.Point(2011,8),
new System.Drawing.Point(2012,10),
new System.Drawing.Point(2013,8),
new System.Drawing.Point(2014,7),
new System.Drawing.Point(2015,6)};
series1.Name = "P銀行";

series2.BindingX = "X";
series2.Binding = "Y";
series2.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2009,6),
new System.Drawing.Point(2010,8),
new System.Drawing.Point(2011,10),
new System.Drawing.Point(2012,8),
new System.Drawing.Point(2013,9),
new System.Drawing.Point(2014,8),
new System.Drawing.Point(2015,4)};
series2.Name = "Q銀行";

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

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