如何在 codesandbox 上的 ChartJS 中使用 React 设置一个简单的饼图

Question

按照 react-chartjs-2 文档并在 codesandbox 上设置饼图，一切正常，除了选项不起作用。

Answer 1

当您使用 import { Pie } from "react-chartjs-2"; 设置 react-chartjs-2 时，codesandbox 会自动将 react-chartjs-2 和 chart.js 的最新稳定版本保存为依赖项。不幸的是，这会破坏事情。您需要在 codesandbox 面板左侧的面板中更改版本。

我做了一个 demo，可以分叉以保留所有依赖项。它还演示了一些可以在图表上调整的选项。