Chart.js中tooltip字体大小设置不生效，求解决方案

核心错误原因 #

你的配置不生效是两个Chart.js版本适配问题导致的：

• Chart.js 3.x及更高版本中，提示框的配置键为单数tooltip，你使用的复数tooltips是2.x的旧语法，新版本不识别。
• tooltip的字体需要分别配置标题、内容的字体参数，不能直接在tooltip层级下写font属性。

正确配置示例 #

options: {
  plugins: {
    legend: {
      display: true,
      position: 'bottom',
      labels: {
        font: {
          size: 30
        }
      }
    },
    tooltip: { // 改为单数tooltip
      titleFont: { // 配置tooltip标题字体
        size: 30
      },
      bodyFont: { // 配置tooltip内容字体
        size: 30
      }
    }
  }
}

如果需要调整tooltip底部注释的字体，额外加footerFont配置项即可。

内容的提问来源于stack exchange，提问作者Nikul Panchal