Javascript 在我用chart.js创建的甜甜圈图表上，图例没有向右移动

出于某种原因，使用chart.js创建的这个甜甜圈图表上的图例没有向右移动。甚至尝试将规则添加到图表创建本身，而不是将其放入变量中

编辑

进一步检查后，设置为图例的任何选项似乎都不起作用

const mobileData = {
    labels: ["Desktop", "Tablet", "Phons"],
    datasets: [{
        label: '# of Users',
        data: [2000, 550, 500],
        borderWidth: 0,
        backgroundColor: [
            '#7477BF',
            '#78CF82',
            '#51B6C8'
        ]
    }]
};

const mobileOptions = {
    legend: {
        position: 'right',
        labels: {
            boxwidth: 20,
            fontStyle: 'bold'
        }
    }
}

let mobileChart = new Chart(mobileCanvas,  {
    type: 'doughnut',
    data: mobileData,
    options: mobileOptions
});

这里有一个项目的小提琴减去图像。

---

您使用的是新的V3版本的库，而不是V2

因此，请阅读chart.js（）中的迁移指南

图例选项已移动到插件部分，如下所示

options: {
   plugins: {
      legend: {
         position: 'right'
       }
    }
 }

---

你能提供一个工作片段或小提琴吗？GitHub链接没有帮助…我会编辑原始文章