如何隐藏Chart.js环形图（doughnut chart）上的百分比数值标签

原生 Chart.js 默认不会在环形图扇区上渲染百分比数值标签，你看到的标签基本是引入了chartjs-plugin-datalabels插件自动生成的，按以下方法配置即可隐藏：

• 常规配置方法（适配大部分版本）
  在你定义的category_doughnut_options配置对象中新增插件规则，修改后的配置如下：

var category_doughnut_options = {
  cutoutPercentage: 60,
  // 新增以下配置禁用数据标签
  plugins: {
    datalabels: {
      display: false
    }
  },
  legend: {
    display: false,
    position: "top",
    paddingBottom: 16,
    align: "start",
    labels: {
      fontColor: "#555555",
      fontSize: 20,
      boxWidth: 0,
    },
  },
  tooltips: {
    displayColors: false,
  },
  responsive: true,
};

• 低版本插件兼容方法
  如果上述配置不生效，直接在category_doughnut_options根节点添加配置即可：

var category_doughnut_options = {
  cutoutPercentage: 60,
  // 低版本插件直接加在根节点
  datalabels: {
    display: false
  },
  // 其余原有配置保持不变
}

如果以上方法都无效，可检查是否存在自定义绘制标签的回调逻辑，删除对应代码即可。

内容的提问来源于stack exchange，提问作者user14876356