ChartJS - 垂直显示底部标签

Question

我想问一下如何使用ChartJS库来定位底部标签，如下图所示：

我试图在官方文档中找到它，但没有运气。

非常感谢您的任何建议。

Answer 1

在xAxe ticks属性中，您可以编辑userCallback属性以更改标签上显示的内容。此外，如果返回一个字符串数组，则每个字符串都将显示换行符。

因此，如果您将这两个信息结合起来，您将获得以下信息：

options: {
    scales: {
        xAxes: [{
            ticks: {
                userCallback: function(tick, value, ticks) {
                    // `ticks` is the default display
                    // `.split("")` makes it an array of every character
                    return tick.split("");
                }
            }
        }]
    }
}

您可以看到一个有效的示例on this jsFiddle，结果如下：