Chart.js 在 IE8 中以奇怪的字体显示标签

Question

如何找到Chart.js中使用的字体？

我试图查看文档并查看一系列字体，但我不确定到底使用了哪种字体。

Answer 1

fontFamily 配置选项可用于不同的组件，您可以使用它将字体更改为您知道在 IE 中有效的字体。

根据文档，默认字体似乎是"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"。

我创建了一个 JSFiddle 来演示更改下面提到的三个组件的字体：https://jsfiddle.net/nva5hwLp/

滴答声

options: {
  scales: {
    xAxes: [{
      ticks: {
        fontFamily: 'Times New Roman'
      }
    }]
  }
}

有关更多信息和字体样式选项，请参阅Axes Labeling documentation。似乎文档目前建议将 fontFamily 配置放在名为 scaleLabel 的键下，但只有将其放在 ticks 部分下才有效。

传说

options: {
  legend: {
    labels: {
      fontFamily: 'Times New Roman'
    }
  }
}

请参阅Fonts documentation 了解更多信息。目前，文档说使用defaultFontFamily，但它似乎只有在使用fontFamily 时才有效。

标题

options: {
  title: {
    text: 'something',
    display: true,
    fontFamily: 'Times New Roman'
  }
}

请参阅Title config documentation 了解更多信息。