作者:皇家陈小小2_328 | 来源:互联网 | 2022-11-22 13:32
如何在由https://valor-software.com/ng2-charts/制作的条形图中将x轴标签包装为多条线(2条线)?
预期结果应该像这样。请参见X轴标签。
Ng2-charts基于Chart.js,并发现了以下链接(PR),这些链接有助于解决此问题。
https://github.com/chartjs/Chart.js/commit/d1b411f4fc2d7b9cafa2d235c9ee008d149a22e3
https://github.com/chartjs/Chart.js/pull/2704
但是,是否可以在ng2-charts中实现相同的目标?任何人在使用ng2-charts时都会遇到此问题;如果是这样,请让我知道您如何以角度的方式解决此问题。
1> Amila Iddama..:
仅当您想通过按空格(“”)来包装标签时,才可以采用某些解决方法。
scales: {
xAxes: [
{
ticks: {
callback: function(label, index, labels) {
if (/\s/.test(label)) {
return label.split(" ");
}else{
return label;
}
}
}
}
]
}
图表现在看起来像这样。