#フォント

グラフ上のすべてのフォントを変更できる特別なグローバル設定があります。これらのオプションはChart.defaults.font。グローバル フォント設定は、より具体的なオプションが構成に含まれていない場合にのみ適用されます。

たとえば、このグラフでは、凡例のラベルを除き、テキストのフォント サイズは 16 ピクセルになります。

Chart.defaults.font.size = 16;
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        plugins: {
            legend: {
                labels: {
                    // This more specific font property overrides the global property
                    font: {
                        size: 14
                    }
                }
            }
        }
    }
});

#フォントが見つからない

システム上に存在するグラフにフォントが指定されている場合、ブラウザはフォントの設定時にそのフォントを適用しません。グラフに奇妙なフォントが表示されていることに気付いた場合は、適用しているフォントがシステムに存在するかどうかを確認してください。見る問題 3318 (新しいウィンドウが開きます)詳細については。

#フォントのロード

フォントがキャッシュされておらず、ロードする必要がある場合は、フォントがロードされた後にそのフォントを使用するチャートを更新する必要があります。これは、フォント読み込み API (新しいウィンドウが開きます)。見る問題 8020 (新しいウィンドウが開きます)詳細については。