增加chartjs水平条形图的y轴标签字体大小

Question

我已经配置了一个 Chartjs v4.4.0 水平条形图，其中包含以下 y 轴选项：

options: {
    scales: {
        y: {
            border: {
                display: false
            },
            grid: {
                display: false
            }
    }
}

这会生成以下图表：

我想通过更新我的选项来增加 y 轴标签字体大小（并可能减少条形的长度），如下所示：

options: {
    scales: {
        y: {
            border: {
                display: false
            },
            grid: {
                display: false
            },
            ticks: {
                font: {
                    size: 20
                }
            }
        }
    }
}

但这只是隐藏了一些标签，而不是增加字体大小：

即使减少数据元素的数量和标签的文本长度，我似乎也无法增加字体大小。例如，我使用带有 1 个数据元素的相对较短的标签：

我是否缺少一些其他

options

用于增加标签字体大小的配置？

Answer 1

使用这些作为参考：字体和标签轴
试试这个：

options: {
    scales: {
        y: {
            border: {
                display: false
            },
            grid: {
                display: false
            },
            scales: {
                y: {
                    ticks: {
                        font: {
                            size: 14
                        }
                    }
                }
            }
        }
    }
}