DataGridView：セル内にスパークライン（折れ線グラフ）を表示する方法（サンプルあり）

using System.ComponentModel;

namespace DataGridView_Sparkline;

public partial class Form1 : Form
{
    private BindingList<ProductSales> _products = new BindingList<ProductSales>();

    public Form1()
    {
        InitializeComponent();
        InitializeDataGridView();
    }

    private void InitializeDataGridView()
    {
        // テスト用データの準備（過去6ヶ月の売上推移データを含む）
        _products.Add(new ProductSales("P001", "ノートパソコン", new List<int> { 10, 15, 8, 20, 25, 30 }));
        _products.Add(new ProductSales("P002", "USBメモリ", new List<int> { 50, 45, 48, 30, 20, 10 }));
        _products.Add(new ProductSales("P003", "周辺機器", new List<int> { 12, 12, 14, 13, 15, 14 }));

        // グリッドにデータソースを設定
        dataGridView1.DataSource = _products;

        // グラフ描画用の非データバインド列を末尾に追加
        var graphCol = new DataGridViewTextBoxColumn();
        graphCol.Name = "SparklineCombo";
        graphCol.HeaderText = "売上推移（6ヶ月）";
        dataGridView1.Columns.Add(graphCol);

        // グラフが見やすくなるように、行の高さと幅を調整
        dataGridView1.RowTemplate.Height = 40;
        dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;

        // セル描画イベントを購読
        dataGridView1.CellPainting += DataGridView1_CellPainting;
    }

    /// <summary>
    /// セルの描画が行われるときに発生するイベント
    /// </summary>
    private void DataGridView1_CellPainting(object sender, DataGridViewCellPaintingEventArgs e)
    {
        // e.ColumnIndex >= 0 の判定を追加し、行ヘッダー描画時のエラーを防ぎます
        if (e.RowIndex >= 0 && e.ColumnIndex >= 0 && dataGridView1.Columns[e.ColumnIndex].Name == "SparklineCombo")
        {
            // 1. 背景や選択状態の枠線など、標準の背景を先に描画する
            e.Paint(e.CellBounds, DataGridViewPaintParts.All & ~DataGridViewPaintParts.ContentForeground);

            // 2. 行のデータプロパティからグラフ用の数値リストを取得
            if (dataGridView1.Rows[e.RowIndex].DataBoundItem is ProductSales product && product.MonthlySales.Count > 1)
            {
                var salesData = product.MonthlySales;

                // 3. 描画領域（セル内の余白を考慮したサイズ）の計算
                int paddingX = 6;
                int paddingY = 6;
                int graphLeft = e.CellBounds.Left + paddingX;
                int graphTop = e.CellBounds.Top + paddingY;
                int graphWidth = e.CellBounds.Width - (paddingX * 2);
                int graphHeight = e.CellBounds.Height - (paddingY * 2);

                // 4. データ内の最大値と最小値を特定（セルの高さに収めるスケーリングのため）
                int maxVal = salesData.Max();
                int minVal = salesData.Min();
                int valRange = maxVal - minVal;
                if (valRange == 0) valRange = 1; // すべて同値の場合のゼロ除算防止

                // 5. 各データ点に対応するセル内の座標（PointF）を計算
                var points = new PointF[salesData.Count];
                float xStep = (float)graphWidth / (salesData.Count - 1);

                for (int i = 0; i < salesData.Count; i++)
                {
                    float x = graphLeft + (i * xStep);
                    // 値が大きいほど画面上では「上（Y座標が小さい方向）」になるよう計算
                    float y = graphTop + graphHeight - ((float)(salesData[i] - minVal) / valRange * graphHeight);
                    points[i] = new PointF(x, y);
                }

                // 6. 計算した座標を結ぶ折れ線を描画（アンチエイリアスで線を滑らかにします）
                var oldMode = e.Graphics.SmoothingMode;
                e.Graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;

                // システム共通の青いペンを使用して描画
                e.Graphics.DrawLines(Pens.DodgerBlue, points);

                // 描画モードを元に戻す
                e.Graphics.SmoothingMode = oldMode;
            }

            // 7. システム側の標準テキスト描画処理をスキップさせる
            e.Handled = true;
        }
    }
}

/// <summary>
/// 各行のデータを表すモデルクラス
/// </summary>
public class ProductSales
{
    public string Code { get; set; }
    public string Name { get; set; }

    // グラフの元データとなる数値リスト（グリッドには自動生成されないように指定）
    [Browsable(false)]
    public List<int> MonthlySales { get; set; }

    public ProductSales(string code, string name, List<int> monthlySales)
    {
        Code = code;
        Name = name;
        MonthlySales = monthlySales;
    }
}