如何在胜利折线图X轴标签中换行或将“换行”字符插入文本

Question

当胜利折线图显示x轴标签时，这些标签在一行上，我想用文字换行显示该标签。请参见下面的两个图像，以查看当前正在做什么以及我希望它做什么。

当前正在发生的事情

以下图片是我想要发生的情况。 我想要的东西

我已经在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;
}