FlexChart for WinForms
縦棒
FlexChart > FlexChart の理解 > FlexChart タイプ > 縦棒

縦棒グラフは、横棒グラフと同様に、データ系列の経時的な変動を表現したり、異なる項目を比較します。1 つ以上の項目の値を縦棒として Y 軸に表示し、項目やカテゴリを X 軸に配置します。

ABC という会社があり、同社の 2011 年から 2015 年までの 5 年間の業績報告書を生成するとします。1 年間の収入と支出から年間利益を計算します。このデータを使用して、ある年の年間利益を前年の利益と比較して、前年度比の成長率を求めます。

比較する項目の数は 5 なので、この報告書の作成には縦棒グラフが適しています。

サンプルデータテーブル

収入(100,0000 \ 消費(100,0000 \) 利益(100,0000 \
2011 30 20 10
2012 50 30 20
2013 40 30 10
2014 60 40 20
2015 65 35 30

縦棒グラフ

 

上のグラフは、ABC 社の 2011 年から 2015 年までの収入、支出、利益の変化を示します。

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

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

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

' データ系列にデータポイントを追加します
series1.BindingX = "X"
series1.Binding = "Y"
series1.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2011, 30),
New System.Drawing.Point(2012, 50),
New System.Drawing.Point(2013, 40),
New System.Drawing.Point(2014, 60),
New System.Drawing.Point(2015, 65)}
series1.Name = "収入"

series2.BindingX = "X"
series2.Binding = "Y"
series2.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2011, 15),
New System.Drawing.Point(2012, 30),
New System.Drawing.Point(2013, 30),
New System.Drawing.Point(2014, 40),
New System.Drawing.Point(2015, 35)}
series2.Name = "消費"

series3.BindingX = "X"
series3.Binding = "Y"
series3.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(2011, 10),
New System.Drawing.Point(2012, 20),
New System.Drawing.Point(2013, 10),
New System.Drawing.Point(2014, 20),
New System.Drawing.Point(2015, 30)}
series3.Name = "利益"

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

' チャートタイプを縦棒グラフに設定します
flexChart1.ChartType = C1.Chart.ChartType.Column
// データ系列コレクションをクリアします
flexChart1.Series.Clear();

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

// データ系列にデータポイントを追加します
series1.BindingX = "X";
series1.Binding = "Y";
series1.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2011,30),
new System.Drawing.Point(2012,50),
new System.Drawing.Point(2013,40),
new System.Drawing.Point(2014,60),
new System.Drawing.Point(2015,65)};
series1.Name = "収入";

series2.BindingX = "X";
series2.Binding = "Y";
series2.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2011,15),
new System.Drawing.Point(2012,30),
new System.Drawing.Point(2013,30),
new System.Drawing.Point(2014,40),
new System.Drawing.Point(2015,35)};
series2.Name = "消費";

series3.BindingX = "X";
series3.Binding = "Y";
series3.DataSource = new System.Drawing.Point[] { 
new System.Drawing.Point(2011,10),
new System.Drawing.Point(2012,20),
new System.Drawing.Point(2013,10),
new System.Drawing.Point(2014,20),
new System.Drawing.Point(2015,30)};
series3.Name = "利益";

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

// チャートタイプをカラムチャートに設定します
flexChart1.ChartType = C1.Chart.ChartType.Column;