【问题标题】:How to show labels above pie chart in chart.js如何在chart.js中的饼图上方显示标签
【发布时间】:2022-01-21 09:05:18
【问题描述】:

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

【问题讨论】:

    标签: javascript reactjs frontend chart.js pie-chart


    【解决方案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。

    【讨论】:

    • 谢谢,我会调查一下,使用外部标签会删除饼图上方的图例吗?
    • 是的,它会移除里面的标签
    猜你喜欢
    • 2017-06-29
    • 1970-01-01
    • 2017-08-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-26
    • 2015-07-14
    相关资源
    最近更新 更多