ChartJS - 垂直显示底部标签

时间:2016-09-26 09:15:37

标签: charts chart.js

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

enter image description here

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

非常感谢您的任何建议。

1 个答案:

答案 0 :(得分: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,结果如下:

enter image description here