问题描述
我在 React 中通过 react-chartjs-2
显示 Chart.js 甜甜圈图,默认情况下,每个甜甜圈部分都会显示这些行框内容。举个例子:
此外,就其价值而言,它们似乎不会默认显示在基本 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
}
} }
再次感谢!