react-native - テキストを折り返す方法、または「改行」文字を勝利の折れ線グラフの X 軸ラベルに挿入する方法

Question

勝利の折れ線グラフで x 軸のラベルを表示すると、ラベルが 1 行に表示されるので、ラベルを折り返して表示したいと考えています。下の 2 つの画像を参照して、現在何をしているのか、何をしたいのかを確認してください。

現在起こっていること

下の画像は、私がやりたいことです。私が欲しいもの

カスタムラベルテキストを提供するために tickFormat に関数を作成しましたが、その部分は機能しています。

<VictoryAxis fixLabelOverlap={true} tickFormat={t => this.formatLabel(t)} />

formatLabel = (t) => {
    var x = new Date(t);
    var s = x.getHours() + ":" + x.getMinutes() + (x.getMonth() + 1) + '/' + x.getDate();
    return s;
  }

Answer 1

改行「\ n」で新しい行を作成できるはずです

formatLabel = (t) => {
  var x = new Date(t);
  var s = x.getHours() + ":" + x.getMinutes() +'\n'+ (x.getMonth() + 1) + '/' + x.getDate();
  return s;
}