【chart.js】Y軸のラベルを縦書きにしたい

Question

chart.jsで折れ線グラフを書いています。
以下の画像で赤く囲んでいる、Y軸のラベルを縦書きにしたいです。

どなたかご教授ください。

var config = {
   type: 'line',
   data: {
       labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
       datasets: [{
           label: "JAPAN",
           fill: false,
           backgroundColor: "#3A7AC9",
           borderWidth: 2,
           borderColor: "rgba(2,63,138,0.8)",
           pointBorderColor: "#fff",
           pointBackgroundColor: "rgba(2,63,138,0.8)",
           pointBorderWidth: 2,
           pointHoverRadius: 5,
           pointHoverBackgroundColor: "#1D5191",
           pointHoverBorderColor: "#fff",
           pointHoverBorderWidth: 2,
           tension: 0,
           data: [5, 7, 8, 3, 1, 4, 10]
       }, {
           label: "NIPPON",
           fill: false,
           backgroundColor: "#DB514E",
           borderWidth: 2,
           borderColor: "rgba(201,60,58,0.8)",
           pointBorderColor: "#fff",
           pointBackgroundColor: "rgba(201,60,58,0.8)",
           pointBorderWidth: 2,
           pointHoverRadius: 5,
           pointHoverBackgroundColor: "#9A1B19",
           pointHoverBorderColor: "#fff",
           pointHoverBorderWidth: 2,
           tension: 0,
           data: [1, 4, 4, 2, 6, 7, 3]
       }]
   },
   options: {
      responsive: true,
      scales: {
         xAxes: [{
            display: true,
            stacked: false,
            gridLines: {
               display: false
            }
         }],
         yAxes: [{
            display: true,
            scaleLabel: {
               display: true,
               labelString: '順位',
               fontFamily: 'monospace',
               fontSize: 14
            },
            ticks: {
               reverse: true,
               callback: function(value){
                  return value+'位';
               }
            }
         }]
      }
   }
};

Comments

[m.ts10806]

改行コードや改行タグは試しました？

[退会済みユーザー]

コメントありがとうございます。その観点で調査しましたが、方法が見つからず断念しました。

[m.ts10806]

あ、改行じゃないですね。失礼しました。

Answer 1

直接の回答ではないんですが、まず言えるのが「通常提供されている機能では無理」ということです。
そもそもこのプラグイン自体が英語圏で作られたものということ。
「縦書き」は日本だけの文化なのでサポートされていないのは前提です。
もしやるとすれば、あの角度に置いているような処理があてられているはずなので、
chart.js本体の該当処理をしている個所を特定し、もう90度回転させるような形にすること、くらいでしょうか。
実際に角度がつくのはメモリの文言だけですが、これはautoskipという機能で入りきらない場合に斜めにしてくれるだけです。
「chartjs ラベル　縦書き」のように検索してもこれといった情報が出てこないのは「やろうとしたら本体の改修が必要である」または「グラフはこれが自然」ということからではないでしょうか。