如何关闭灌注饼图的工具提示？

Question

我正在使用基于chart.js的primeng饼图 在某些情况下，我不想显示任何标签。 在这种情况下，当我将鼠标悬停在图表上时，会得到标签未定义的工具提示显示。

在没有标签的情况下，如何关闭工具提示？

Answer 1

chart.js 在每种图表类型中都有 options 属性，因此您可以自定义操作方式。

因此在您的 html 中添加元素

<p-chart type="doughnut" [data]="data" [options]="options"></p-chart>

并在您的 ts 文件中，添加您保存图表自定义的 options 数组。并在其中添加 tooltips 的自定义，如下所示：

this.options = {
  tooltips: {
    enabled: false
  },
}

有关详细信息，请查看 doughnut chart documentation

tooltip configuration