Chart

【C#】Chart 散布図の作り方を分かりやすく解説

はじめに

Chartコントロールで散布図を作成する方法を解説します。

~ この記事の内容 ~

こんなことに使える
  • Formプログラム上に散布図を表示したい。
  • 毎回散布図をエクセルで作るのがめんどくさい。
  • 外部からのデータを受け取って散布図にしたい。

この記事では「点」のみで構成された「散布図」の作り方を解説しています。
エクセルでよく使う「線で結ばれた散布図」を作成したい方は以下の「折れ線グラフ」の記事を参照してください。

Chartコントロールの設定方法など

「Chartコントロールはどう作るの?」という方にも、上記の記事で分かりやすく説明しています。

折れ線グラフの記事ですが、散布図でも作り方は同一ですので、上記の記事の参考にしてみてください。

環境

環境バージョンなど備考
VisualStudio   2019 Community 2017でも使用できます
.NET4.7.2
プロジェクトFormアプリケーション(.NET Framework) 

散布図を作成するコードの実行結果

前述した「点」で構成された散布図を作成するコードの実行結果は以下の通りです。

全体コード

前述した「点」で構成された散布図を作成するコードは以下の通りです。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

// Chartクラスの宣言を簡略化するために
// Usingを追加しています
using System.Windows.Forms.DataVisualization.Charting;

namespace FormChartScatterPoint
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            // FormにChartコントロール(chart1)を
            // 貼り付け済みであることを前提にしています。

            // サンプル用のデータです。 
            double[] pointX = { 1.0, 2.0, 3.0, 4.0, 5.0 };
            double[] pointY = { 1.0, 1.5, 1.1, 2.0, 1.8 };

            //
            // 貼り付けたChartコントロールには
            // 初期値のデータがセットされているので、一旦クリアします
            //
            chart1.ChartAreas.Clear();
            chart1.Series.Clear();

            // 「chartArea」という名前のエリアを生成します
            ChartArea chartAria = new ChartArea("chartArea");

            // 生成したエリアをChartコントロールに追加します。
            chart1.ChartAreas.Add(chartAria);

            // Series(系列)を生成します
            Series series = new Series();

            // 系列の種類を折れ線グラフ(Line)に設定します
            series.ChartType = SeriesChartType.Point;

            // 系列の凡例を設置します
            series.LegendText = "凡例1";

            // 系列のポイント情報をセットします
            for (int i = 0; i < 5; i++)
            {
                series.Points.AddXY(pointX[i], pointY[i]);
            }
            // 生成・設定した系列をChartコントロールに追加します
            chart1.Series.Add(series);
        }
    }
}

コードのポイント

グラフの種類を「散布図(Point)」に設定しています。
ここのChartTypeを「Line」を指定すれば、簡単にグラフの種類を「折れ線グラフ」に変更するが出来ます。

          // 系列の種類を折れ線グラフ(Line)に設定します
          series.ChartType = SeriesChartType.Point;

まとめ

Chartコントロールで散布図を作成する方法をご紹介しました。
参考になればうれしいです。

応援・要望お待ちしてます

ブログを見ていて「この辺を詳しく知りたい」「このライブラリの使い方を知りたい」「こんなことで困ってる」...etc があれば、コメント・問い合わせ・Twitterで教えてください。質問・ご要望に合わせて解説記事を作ります。

ブログを気に入っていただけたり、「応援してもいいよ」という方がいたら、ブログやSNSでの紹介をお願いします。 あたたかい応援は、中の人の更新の大きな励みになります。

ABOUT ME
えす
現役のソフトウェアエンジニアです。 C++ C# Python を使ってます。10年ちょい設計/開発部門にいましたが、今はQAエンジニアっぽいことをしています。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です