Angular x轴上的长文本在条形图ng2图表中剪切

我在文档中尝试过条形图，它可以很好地响应。但是，当我尝试使用网格布局输入长文本时，x轴的刻度被切割，如下所示。我用的是ng2图表。我尝试过回调函数，但似乎不起作用

xAxes: [{
    stacked: false,

    scaleLabel: {
        labelString: 'Month'
    },
    ticks: {
        stepSize: 1,
        autoSkip: false,
        mirror: true,
        "callback": function (tick, index) {
            tick = tick.replace(' and ', ' & ');
            if (tick.length > 20) {

                tick = tick.split(" ").join("\n");
            } else {
                tick;
            }
            return tick;
        },
    }
}]

---

在我的项目中遇到了这个问题，我意识到ng2图表并不能为您提供显示长刻度的功能。所以我不得不转向谷歌图表

如果您在配置时遇到困难，请在Angular 4项目中使用谷歌图表参考此-

如果无法在移动视图中滚动，请使用css，例如

<div class="google-chart-row">
  <pie-chart [data]="question.googleChartData" [elementId]="question.questionId"></pie-chart>
</div>

.google-chart-row{
  display: block;
  width: 100 %;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.谷歌图表行{
显示：块；
宽度：100%；
溢出-x：自动；
-ms溢出样式：-ms自动隐藏滚动条；
}

尝试使用css边距…它没有帮助。画布已经加载了，所以我想css没有什么可做的。你可以格式化勾号。上面的代码是我试图通过添加新行而不是空格来格式化的方式。似乎滴答声只是把新线当作一个空间。