1.3.4 字体(fonts
优质
小牛编辑
126浏览
2023-12-01
共有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。