散布図グラフは別名 XY グラフと呼ばれ、複数のデータ系列の項目間の関係を表します。簡単に言えば、X 値と Y 値を 2 つの軸にプロットしたものです。データポイントは接続されず、異なるシンボルを使用してカスタマイズできます。通常、このチャートタイプは科学的データを表現するために使用され、予測データや結果データに含まれる集中データのばらつきを強調できます。

衣類やアクセサリーを扱う ABC という倉庫があるとします。この倉庫の在庫管理部門と販売部門は、2013 年、2014 年、2015 年の特定の売上高に対する利益と売上の関係を明らかにしようとしています。当然ながら、年末に売れ残りを廃棄しなくて済むように、年初に仕入れる商品の数量に制限を設ける必要があります。

必要な関係を表すために、散布図グラフを使用します。

サンプルデータテーブル

2013

利益率 %	売上高（十万円）
43	10
44	20
50	30
35	40
60	50

2014

利益率 %	売上高（十万円）
50	10
33	20
61	30
45	40
64	50

2015

利益率 %	売上高（十万円）
52	10
40	20
55	30
41	40
67	50

散布図

上のグラフは、3 年間の利益率と売上高の関係を示します。

系列の数：3（2013、2014、2015）
ポイントごとの 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()
Dim series3 As New C1.Win.Chart.Series()

' データ系列にデータポイントを追加します
series1.BindingX = "X"
series1.Binding = "Y"
series1.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(10, 43),
New System.Drawing.Point(20, 44),
New System.Drawing.Point(30, 50),
New System.Drawing.Point(40, 35),
New System.Drawing.Point(50, 60)}
series1.Name = "2013"

series2.BindingX = "X"
series2.Binding = "Y"
series2.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(10, 50),
New System.Drawing.Point(20, 33),
New System.Drawing.Point(30, 61),
New System.Drawing.Point(40, 45),
New System.Drawing.Point(50, 64)}
series2.Name = "2014"

series3.BindingX = "X"
series3.Binding = "Y"
series3.DataSource = New System.Drawing.Point() {
New System.Drawing.Point(10, 52),
New System.Drawing.Point(20, 40),
New System.Drawing.Point(30, 55),
New System.Drawing.Point(40, 41),
New System.Drawing.Point(50, 67)}
series3.Name = "2015"

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

' チャートタイプを散布図に設定します
FlexChart1.ChartType = C1.Chart.ChartType.Scatter

// データ系列コレクションをクリアします
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(10,43),
new System.Drawing.Point(20,44),
new System.Drawing.Point(30,50),
new System.Drawing.Point(40,35),
new System.Drawing.Point(50,60)};
series1.Name = "2013";

series2.BindingX = "X";
series2.Binding = "Y";
series2.DataSource = new System.Drawing.Point[] {
new System.Drawing.Point(10,50),
new System.Drawing.Point(20,33),
new System.Drawing.Point(30,61),
new System.Drawing.Point(40,45),
new System.Drawing.Point(50,64)};
series2.Name = "2014";

series3.BindingX = "X";
series3.Binding = "Y";
series3.DataSource = new System.Drawing.Point[] {
new System.Drawing.Point(10,52),
new System.Drawing.Point(20,40),
new System.Drawing.Point(30,55),
new System.Drawing.Point(40,41),
new System.Drawing.Point(50,67)};
series3.Name = "2015";
            
// データ系列コレクションにデータ系列を追加します
flexChart1.Series.Add(series1);
flexChart1.Series.Add(series2);
flexChart1.Series.Add(series3);
           
// チャートタイプを散布図に設定します
flexChart1.ChartType = C1.Chart.ChartType.Scatter;