フォント

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

例えばこのチャートでは、凡例のラベルを除いて、テキストはすべて赤色になります。

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // このフォントプロパティ指定は、グローバルプロパティを上書きします
                fontColor: 'black'
            }
        }
    }
});
名前 初期値 説明
defaultFontColor Color '#666' すべてのテキストのデフォルトフォント色。
defaultFontFamily String "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" すべてのテキストのデフォルトフォントファミリ。
defaultFontSize Number 12 テキストのデフォルトフォントサイズ(px)。線形放射スケールの点ラベル(訳注: レーダーチャートの端にあるラベル)には適用されません。
defaultFontStyle String 'normal' デフォルトのフォントスタイル。ツールチップのタイトルとフッターには適用されません。チャートのタイトルには適用されません。

存在しないフォント

チャートに、システム上に存在しないフォントが指定されている場合、ブラウザは指定された際にそのフォントを適用しません。ご自分のチャートに奇妙なフォントが表示されている場合は、適用しているフォントが、システムに存在することを確認してください。詳細は、issue 3318を参照してください。

results matching ""

    No results matching ""