Y轴使用chart.js设置自定义值

Question

我正在使用带有离子的图表js。

我需要在y轴上设置自定义值。

Y轴设置这些值<5M，> 5M ,,＆lt; 30M ,,> 30M，1H，6H

如下图所示

这是我的代码

options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero:true
                        }
                    }]
                }
            }

这是我的输出

我需要更改为y轴。

Answer 1

好吧，这个答案来晚了，但是对于任何面临此问题的人来说。 为了更改y轴标签，您可以在图表选项的ticks对象中使用回调。您可以指定要为每个y轴点返回的字符串。

这是问题中需求的示例代码：

options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true,

                            min: 0,
                            max: 4,
                            stepSize: 1,
                            callback: function (label, index, labels) {
                                switch (label) {
                                    case 0:
                                        return ' ';
                                    case 1:
                                        return '<5 M';
                                    case 2:
                                        return '>5 M';
                                    case 3:
                                        return '<30 M';
                                    case 4:
                                        return '>30 M';

                                }
                        }
                    }
                    }
                ]
                }

            }