如何在ng2-Charts中将X轴标签包装成多行（X轴标签格式）？

Question

如何将x轴标签包装成由https://valor-software.com/ng2-charts/制作的条形图中的多行（2行）？

预期结果应该像这样 。 请参阅X轴标签。

Ng2-charts基于Chart.js，并发现以下链接（PR）有助于解决此问题。

https://github.com/chartjs/Chart.js/commit/d1b411f4fc2d7b9cafa2d235c9ee008d149a22e3 https://github.com/chartjs/Chart.js/pull/2704

但是有可能在ng2图表中实现相同的目标吗？ 任何人在使用ng2-charts时遇到过这个问题; 如果是这样，请告诉我你如何以有棱角的方式解决这个问题。

Answer 1

有些解决方法仅在您希望通过按空格（“”）分割来包装标签时。

scales: {         
      xAxes: [
        {
          ticks: {
            callback: function(label, index, labels) {
              if (/\s/.test(label)) {
                return label.split(" ");
              }else{
                return label;
              }              
            }
          }
        }
      ]
    }

图表现在看起来像这样。