Как обернуть метки оси X в многострочные (форматирование метки оси X) в ng2-Charts?

Question

Как обернуть метки оси x в многострочные (2 строки) в гистограмме, созданной https://valor -software.com / ng2-charts / ?

Ожидаемый результат должен быть как это . См. Маркировку оси X.

Ng2-диаграммы основаны на Chart.js и нашли следующие ссылки (PR), которые помогают решить эту проблему.

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

Однако можно ли добиться того же в ng2-диаграммах? Любой сталкивался с этой проблемой при использовании ng2-диаграмм; Если да, пожалуйста, дайте мне знать, как вы решаете эту проблему угловым путем.

Answer 1

Некоторые обходные пути, только если вы хотите обернуть метки, разделив их пробелом ("").

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

Диаграмма теперь выглядит так.