web-dev-qa-db-ja.com

Chart.js折れ線グラフのy軸ラベルをカスタマイズするにはどうすればよいですか？

次のグラフがあり、Y軸ラベルを手動で設定したいと思います。 1、2、3、4、5を使用する代わりに、1、2、3、4、5が必要です。
これを行う方法はありますか？これが私のoptions構造です：

options = {
  scales: {
    yAxes: [{
      scaleLabel: { labelString: ["One", "Two", "Three", "Four", "Five"] },
      ticks: { min: 1, max: 5, stepSize: 1, suggestedMin: 0.5, suggestedMax: 5.5},
      gridLines: {display: false}
    }]
   },
 };

enter image description here

chart.js2
12
gitb

ticksオブジェクトでは、表示しようとしているラベルが付けられるcallbackを渡すことができます。ここからは、ラベルの代わりに表示したい文字列を返します。

フィドル例

ticks: {
    min: 0,
    max: 5,
    stepSize: 1,
    suggestedMin: 0.5,
    suggestedMax: 5.5,
    callback: function(label, index, labels) {
        switch (label) {
            case 0:
                return 'ZERO';
            case 1:
                return 'ONE';
            case 2:
                return 'TWO';
            case 3:
                return 'THREE';
            case 4:
                return 'FOUR';
            case 5:
                return 'FIVE';
        }
    }
}
32
Quince