[chart.js]v4でタイトルを出す方法

あんまり使わないんだけど。

こう
いらないっちゃいらない

こう

const chart = new Chart(ctx, {
    type: "line",
    data: data,
    options: {
        plugins: {
            title: {
                display: true,
                text: 'タイトル',
                align: 'center',
                position: 'top',
                padding: {
                    top: 0,
                    bottom: 0,
                },
            },
        }
    },
});

旧版だとoptions直下にtitleだったらしい。
v4はoptions.plugins.titleなので、気が付かないとバグかと思って焦る。

Title | Chart.js

Open source HTML5 Charts for your website

いらないっちゃいらない

見出しは<canvas>外で作っちゃってもいいといえばいいのだけど。

<canvas>内で完結させたい気持ちもある。

使い分けといえばそれまでだけど、文字サイズの指定とかを考えたら別で作ったほうが自由度高いしデザイン的にもページ内で統一しやすくて楽だと思う。