如何在chart.js中的饼图上方显示标签

Posted 2023-04-18

【中文标题】如何在chart.js中的饼图上方显示标签

【英文标题】：How to show labels above pie chart in chart.js

【发布时间】：2022-01-21 09:05:18

【问题描述】：

我在我的 React 应用程序中使用 chart.js 和 react-charts-2 制作饼图，如何在饼图的每个部分之外显示标签名称，如下所示： Desired Outcome

【参考方案1】：

你可以签出这个插件来在chartjs中显示饼图之外的标签。

https://www.npmjs.com/package/chartjs-plugin-piechart-outlabels 将其添加到 react-charts-2 中，您可以使用它的 plugins prop。

不知道如何传递props请查看https://react-chartjs-2.netlify.app/components/pie#props了解如何在Component中传递props。

【讨论】：

谢谢，我会调查一下，使用外部标签会删除饼图上方的图例吗？

是的，它会移除里面的标签