Chart.js轴标签字体大小

Question

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

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

CoGroupByKey

Answer 1

fontSize属性实际上位于scales.xAxes.ticks而不是scales.xAxes中。{/ p>

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

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

<小时/> 您可以看到fully working example in this jsFiddle，结果如下：

Answer 2

尝试这是有效的

     options: {
        scales: {
           xAxes: [{
                   ticks: {
                    fontSize: 10
                   }
                  }]
                }
             }

Answer 3

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

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

查看此 jsfiddle 示例。

Answer 4

尝试查看这是否有效

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

看起来scaleFontSize不是有效的属性。

Answer 5

尝试这个简单的解决方案：

myChart.options.scales.yAxes[0].ticks.fontSize = 40 ;

myChart.update();

Answer 6

尝试一下

Chart.defaults.global.defaultFontSize = 8;