フォント
グラフ上のすべてのフォントを変更できる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を参照してください。