如何在 Codesandbox 上的 ChartJS 中使用 React 設置簡單的餅圖

Question

遵循react-chartjs-2文檔並在代碼和框上設置餅圖可以使一切正常，但選項不起作用。

Answer 1

當您使用import { Pie } from "react-chartjs-2";設置react-chartjs-2 -chartjs-2 時； ，codesandbox 會自動保存最新的穩定版react-chartjs-2和chart.js作為依賴。 不幸的是，這會破壞事情。 您需要在代碼框面板左側的此面板中更改版本。

我制作了一個demo ，可以將其分叉以保留所有依賴項。 它還演示了一些可以在圖表上調整的選項。