logo标签列表

如何在Chart.js V3.7.0中添加字体族？

javascriptchart.js
4

我尝试了这两种方法：

plugin: {
  label: {
    font: {
      family: "Lato"
    }
  }
}

并且还有这个：
myChart.defaults.global.defaultFontFamily = "Lato";

以下是添加Lato字体族到我的图表的代码片段，但两种情况都没有生效。

有更好的建议吗？请注意我使用的版本是3.7.0。 提前感谢！

2个回答
8
这也适用于 X 和 Y 轴吗？ - Jameu Lukasli1
是的，对于图表上的所有标签。 - Anton Hirov
你好，Anton。似乎无论我尝试应用哪种字体系列，当使用这个选项时，X和Y轴中的文本都没有变化。我对这个库和这个版本有一些经验，但我很难显示正确的字体系列。你能想到其他的方法吗？它可以将Lato字体系列应用于X和Y轴中的文本吗？ - Jameu Lukasli1
请检查您的设置。 "Lato"字体不是标准字体，应该通过链接提供，例如<head><link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'></head>，或者通过font-face规则。我在我的沙盒中进行了测试，并且使用Chart.defaults.font.family属性效果良好。 - Anton Hirov
Anton，非常感谢你提供的信息和帮助。包含文件非常有效。继续给出优秀的答案！ - Jameu Lukasli1
2
正确的指定方式应该是这样的（在选项options中）：
plugins: { // not plugin
  legend: { // extra layer: legend
    labels: { // with an "s"
      font: {
        family: "Lato" // right here
      }
    }
  }
}
1
我已经使用 display: false 设置禁用了 legend。我想在 xAxes 和 yAxes 上使用 Lato 字体族来显示文本。也许还有其他选项可以实现这一点吗？ - Jameu Lukasli1
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接