chart.jsのグラフのラベルで改行を入れたい

Question

実現したいこと

現在グラフのラベルが、
２月２０日　　２月２１日

となっていますが、

２月　　　２月
２０日　　２１日

というふうに改行を入れたいです。

該当のソースコード

以下が、graph.js

  let labels = []
  today.setDate(today.getDate() - 30)
  for (let i = 6; i > 0; i--) {
    labels = [...labels, (today.getMonth() + 1) + '月 ' + today.getDate() + '日'] //わざと月の後ろに半角スペースを入れています
  }

以下が、options.js

 xAxes: [
      {
        display: true,
        gridLines: {
          display: false,
        },
        ticks: {
          fontSize: 20,
          fontColor: 'black',
          fontStyle: 'bold',
          padding: 10,
          callback: function(value) {
            // ラベルを縦に表示する
            const [month, day] = value.split(' ')
            return month + '\n' + day
          },
        },
      },
    ],

試したこと

aなどの文字列を入れて、月と日の間に文字列が入ることを確認
<br>タグを入れて、改行できないことを確認
return value.replace(/(\d{1,2})月(\d{1,2})日/g, "$1月\n$2日");のようにreplaceで変換できないか確認

現状では、\nを使っても、半角スペースのように扱われてしまいます。
２月 ２０日 のように...

1時間ほどかけましたが、解決しないので、助けてください。
よろしくお願いします。

Comments

[m.ts10806]

過去質問は確認されましたか？

[AGLAAGLA]

はい。過去に質問されている方、stackoverflowも全て確認しましたけど、
私の実装では、叶いませんでした。

[AGLAAGLA]

そもそも、なぜ\nの改行コードが動作しないのでしょうか...?

[m.ts10806]

何を参考にしてどうしたのかを記載されたほうが良いと思います。
キーワード
chart.js 改行
だけでteratailの過去質問が幾つか出てきたのですが、それを試した様子が見受けられないので。

Answer 1

公式ドキュメント見ました。