Chart.js ChartJS：限制标签'；s轴上的长度，并在悬停时显示工具提示？

因此，问题在于图表标签太长、太动态。有没有办法设置标签长度的限制，并在悬停时显示工具提示

           xAxes: [{
                stacked: type === 'stacked', 
                scaleLabel: {
                    display: true,
                    labelString: interval ? `${i18n.t('chart.time')} (${i18n.t('chart.' + interval)})` : field.key
                },
                ticks: {
                    autoSkipPadding: 11,
                    maxRotation: 90,
                    minRotation: 0
                }
            }]

当前输出看起来像这样

当前的解决方案xD刚刚将密钥的最大长度修改为18，并创建了一个静态排除列表

    const excludes = ['maakond', 'Maakond', 'district', 'District',
                        'province', 'Province', 'county', 'County'];           

    data.district.data.forEach(el => {
                    excludes.forEach(ex => {
                        el.key = el.key.replace(ex, '');
                    });

                    if(el.key.length > 18) {
                        el.key = el.key.substring(0, 20);
                        el.key = el.key + '.';
                    }
                });

解决方案 使用

并将此代码添加到

xAxes

选项中

工具提示：{
回调：{
标题：函数（工具提示项、数据）{
返回数据。标签[工具提示项[0]。索引]
}
}
}

Chart.scaleService.updateScaleDefaults('category', {
    ticks: {
        callback: function (tick) {
            return tick.substring(0, 3);
        }
    }
});