因此，我有一些旧的图表代码使用一个非常旧的Chart.js版本2.x，但现在由于一些功能的需要，只有在版本3.x上找到我更新了很多代码从旧的图表在网站上，因为很多语法之间的版本变化。
我刚刚完成更新所有的图表，他们正在很好地使用插件等工作，除了一个。
在这个type: 'bar'图表中，我在'X'轴上有一些很长的字符串，所以我需要将它们修剪到最多12个字符，但是工具提示需要显示整个字符串。旧代码曾经是这样的，工作起来很有魅力，在渲染图表之前，我会设置updateScaleDefaults：

// Limit the size of label for 12 characters, tooltip on hover not changed
Chart.scaleService.updateScaleDefaults('category', {  
            ticks: {
            callback: function(tick) {
                var characterLimit = 12;
                if ( tick.length >= characterLimit) {
                    return tick.slice(0, tick.length).substring(0, characterLimit -1).trim() + '...';;
                }
                return tick;
                }
            }
});

然后我会调用new Chart示例，并在画布上渲染它，但是现在这段代码在v3.x上已经不起作用了，我也不能再做一个替代的版本了。
正如V3.x迁移指南在文档中所述，

• Chart.scaleService* 已替换为 Chart.registry。刻度默认值现在位于 Chart.defaults.scales[类型] 中

因此，我尝试将上面代码的第一行更改为以下代码和其他许多变体，尝试重用旧代码，只是更改对对象的调用：

Chart.defaults.scales['category']

我试过的都没用。
然后我尝试用beforeDraw创建一个插件，访问chart.scales.x.ticks，并尝试在map调用上创建一个箭头函数，但我得到了一个$context is a object error，如下所示：

const pluginLimitTitle = {
            beforeDraw: (chart) => {
                console.log(chart.scales.x.ticks);
                chart.scales.x.ticks = chart.scales.x.ticks.map(function (tick) {
                                var characterLimit = 12;
                                if (tick['label'].length >= characterLimit) {
                                    return tick['label'].slice(0, tick['label'].length).substring(0, characterLimit - 1).trim() + '...';
                                    ;
                                }
                                return tick;
                });
            }

我还尝试在options: scales: x: ticks上的图表创建选项中放置ticks回调，但无论哪种方式都不起作用。
有人能帮我在v3.x上做这个吗？花了一整天的时间尝试了很多东西，不要看我越来越接近使它工作。