Chart.js 中的这些行框是什么,我该如何关闭它们?

问题描述

我在 React 中通过 react-chartjs-2 显示 Chart.js 甜甜圈图,认情况下,每个甜甜圈部分都会显示这些行框内容。举个例子:

enter image description here

这些 line-Box 的东西叫什么,我该如何关闭它们?

此外,就其价值而言,它们似乎不会显示在基本 Chart.js 库中,但它们会显示react-chartjs-2 npm 包中的甜甜圈(可能还有饼图)图表中。我搜索了又搜索,并尝试为图例、图例标签和工具提示切换一堆选项,但无济于事。我不知道如何关闭这些。感谢您的帮助。

解决方法

再次感谢 LeeLanalee 为我指明了正确的方向。

我不知道的是,有一个 Chart.js 全局插件为所有圆环图设置,名为 chartjs-plugin-piechart-outlabels (https://www.npmjs.com/package/chartjs-plugin-piechart-outlabels)。根据以下 SO 帖子,我能够禁用圆环图(在 React 中)的特定实例的线框标签,如下所示:

ChartJs - Pie Chart - how to remove labels that are on the pie chart

options={ {
    plugins: {
        outlabels: false
    }
} }

再次感谢!