首页 > 解决方案 > 如何在 Codesandbox 上的 ChartJS 中使用 React 设置简单的饼图

问题描述

遵循react-chartjs-2文档并在代码和框上设置饼图可以使一切正常,但选项不起作用。

标签: reactjschart.jsreact-chartjscodesandbox

解决方案


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

在此处输入图像描述

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


推荐阅读