Fonts

チャート上の全てのフォントを変更するために、特別な4つのグローバルオプションがあります。 これらのオプションはChart.defaults.globalに含まれています。 グローバルなフォント設定は、他に詳細な設定が指定されていない場合にのみ適用されます。

例えば、以下のチャートでは凡例ラベルを除く全ての文字色がredになります。

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // このフォント設定はグローバルプロパティを上書きします。
                fontColor: 'black'
            }
        }
    }
});

存在しないフォント

システムに存在しないフォントがチャートに指定されている場合、 そのフォントは適用されません。 もしチャート内に不自然なフォントが表示された場合、 適用したフォントがシステム内にあるかどうかを確認してください。
詳しくはissue 3318を参照してください。

デモ

デフォルト文字色、フォント、サイズを変更しています。 凡例ラベルの文字色を青で上書きしています。

JavaScript

Chart.defaults.global.defaultFontColor = '#333';
Chart.defaults.global.defaultFontFamily = "'Calibri', 'Avenir-Light', sans-serif";
Chart.defaults.global.defaultFontSize = 16;
var ctx = document.getElementById("myChart").getContext('2d');
new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets:[{
            label: "A",
            data: [65, 59, 80, 81, 56, 55, 40],
            backgroundColor: "rgba(54, 162, 235, 0.2)",
            borderColor: "rgb(54, 162, 235)",
            borderWidth: 1
        }]
    },
    options: {
        legend: {
            labels: {
                fontColor: '#36a2eb'
            }
        }
    }
});

HTML

<canvas id="myChart"></canvas>