字体

有一些特殊的全局设置可以更改图表上的所有字体。这些选项位于 Chart.defaults.font 中。全局字体设置仅在配置中未包含更具体的选项时适用。

例如，在此图表中，文本的字体大小为 16px，除了图例中的标签。

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
                    }
                }
            }
        }
    }
});

名称	类型	默认值	描述
family	字符串	"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"	所有文本的默认字体系列，遵循 CSS font-family 选项。
size	数字	12	文本的默认字体大小（以 px 为单位）。不适用于 radialLinear 缩放点标签。
style	字符串	'normal'	默认字体样式。不适用于工具提示标题或页脚。不适用于图表标题。遵循 CSS font-style 选项（即 normal、italic、oblique、initial、inherit）。
weight	normal | bold | lighter | bolder | 数字	未定义	默认字体粗细（粗细）。（参见 MDN (在新窗口打开)）。
lineHeight	数字|字符串	1.2	单个文本行的高度（参见 MDN (在新窗口打开)）。

缺少的字体

如果为图表指定了一个系统上不存在的字体，则浏览器在设置时不会应用该字体。如果您注意到图表中出现奇怪的字体，请检查您应用的字体是否存在于您的系统上。参见 问题 3318 (在新窗口打开) 获取更多详细信息。

加载字体

如果字体未被缓存且需要加载，则使用该字体的图表将需要在字体加载后更新。这可以通过使用 字体加载 API (在新窗口打开) 完成。参见 问题 8020 (在新窗口打开) 获取更多详细信息。