Chart.js 轴标签字体大小

Question

在 chart.js 中，如何在不触及全局配置的情况下仅设置 x 轴标签的字体大小？

我已经尝试将“scaleFontSize”选项设置为我的选项对象。我也试过设置：

 {
  ...
  scales: {
    xAxes: [{
      scaleFontSize: 40
      ...
    }]
   }
}

原文由 dingdingding 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

fontSize 属性实际上在 scales.xAxes.ticks 而不是你想的 scales.xAxes 。

所以你只需要像这样编辑属性：

 var options = {
    scales: {
        yAxes: [{
            ticks: {
                fontSize: 40
            }
        }]
    }
}

---

你可以 在这个 jsFiddle 中看到一个完整的工作示例，这 是它的结果：

原文由 tektiv 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

chartjs 3.0 的配置选项和属性已更改。目前我正在使用 Chartjs 3.1.1 。 字体 现在用作对象。为了更改 x 轴刻度的字体大小，您必须使用以下配置。

 var options = {
    scales: {
        x: {
            ticks: {
                font: {
                    size: 12,
                }
            }
        }
    }
};

检查此 jsfiddle 示例。

原文由 rumman0786 发布，翻译遵循 CC BY-SA 4.0 许可协议