Javascript 使用chart.js v2删除图表上的图例

我正在使用、Bootstrap、JQuery和Chart.js（v2）制作一个主页。我让我的实现使用v1，但最近刚进入Bower并使用它下载了v2

我正在制作一个由4列组成的网格，每个列包含一个饼图，但是v2中的缩放对我来说有点混乱。我希望图表能够快速响应，以便能够与较小的设备（如平板电脑和智能手机）进行适当的缩放。我的问题之一是，将鼠标悬停在图表的各个部分时，要清除图表的图例以及悬停信息

index.html 如果删除空的“标签”字段，图表将不再工作。从外观上看，图表顶部有一个很小的间距，这可能表明标题已写入，但它们只是空字符串

有人知道如何删除图例和悬停描述吗？我就是搞不懂这是怎么用的

我一有时间就马上动手

---

编辑：链接到文档：

您可以使用javascript文件中的

Chart.defaults.global

更改默认选项。因此，您需要更改图例和工具提示选项

删除图例 删除工具提示

---

是一个工作的小提琴手。

创建新图表对象时，可以将选项对象添加到图表中

var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
         legend: {
            display: false
         },
         tooltips: {
            enabled: false
         }
    }
});

---

您只需添加该行即可 图例：{ 显示：假

---

}

从chart.js 3.x版开始：图例、标题和工具提示名称空间从options移动到options.plugins

var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
          plugins:{   
             legend: {
               display: false
                     },
                  }
             }
});

---

酷。我不知道如何使用这些函数，因为我不知道我可以用Javascript编写这些命令。非常感谢，我使用react和这个hwo以react的方式完成。请注意，对象中还有可以访问的全局属性。这一个设置用于所有图表，而不是仅一个。Chart.js v3在

options.plugins.legend.display

下具有图例配置。这个答案与其他答案有何不同？

Chart.defaults.global.legend.display = false;

Chart.defaults.global.tooltips.enabled = false;

var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
         legend: {
            display: false
         },
         tooltips: {
            enabled: false
         }
    }
});

var chart1 = new Chart(canvas, {
    type: "pie",
    data: data,
    options: {
          plugins:{   
             legend: {
               display: false
                     },
                  }
             }
});