Javascript 甜甜圈图表中的标签太长

我尝试使用chart.js库显示一个

以下是我正在使用的代码：

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: ['long long long long long long title', 'title', 'title', 'title', 'title'],
            datasets: [{
                data: [54,36,12,4,20],
                backgroundColor: [
                  'rgba(255,99,132,1)',
                  'rgba(54, 162, 235, 1)',
                  'rgba(255, 206, 86, 1)',
                  'rgba(75, 192, 192, 1)',
                  'rgba(153, 102, 255, 1)',
                  'rgba(255, 159, 64, 1)'
                ],
            }]
        },
        options: {
          legend: {
              display: true,
              position: 'bottom',
              labels: {
                  fontColor: 'rgb(0, 0, 0)',
                  fontFamily: 'Open Sans',
                  fontSize: 16,
                  fullWidth: true,
                  padding:15
                }
              }
        }
});

我的问题是，对于特定的页面宽度，

长。。。长标题

未正确显示

在某些情况下，它看起来是这样的：

我能做些什么，使长标签以多行显示，而不是离开盒子

这是一个 chart.js不支持“开箱即用”。您需要确定哪个解决方案最适合您，并自己实施。您需要为

myChart

的实例化提供修改后的字符串

---

您可以在X个字符后自动截断标题，当标题被缩短时，可能会在结尾添加一个“…”，使其变得明显。

@Craicerjack有一个解决方案，但该解决方案并不适用于所有图表类型（）。虽然你们提到的问题和雷达图很相似，但这是关于油炸圈饼图的