RangeError: minimumFractionDigits value is out of range. Chart.js

Question

使用 react-chartjs-2 在我的 NextJS 项目中使用 ChartJS。工作正常，然后我做了一些组件 refactoring/cleanup 但一切都坏了，当我试图返回时，它仍然没有工作。这是我的代码。我试过重新安装 Chartjs、react-chartjs，检查文档是否有此错误。以为这是我的选项错误，但我也从我的数据中完全删除了选项，只留下数据，并复制了示例文档中的数据。我的折线图也会出现此错误。

import { Radar } from "react-chartjs-2";
import {
  Chart as ChartJS,
  RadialLinearScale,
  PointElement,
  LineElement,
  Filler,
  Tooltip,
  Legend,
} from "chart.js";

ChartJS.register(
  RadialLinearScale,
  PointElement,
  LineElement,
  Filler,
  Tooltip,
  Legend
);

interface BallAnalyticsGraphProps {}

const BallAnalyticsGraph: React.FC<BallAnalyticsGraphProps> = ({}) => {
  const data = {
    labels: ["Thing 1", "Thing 2", "Thing 3", "Thing 4", "Thing 5", "Thing 6"],
    datasets: [
      {
        label: "# of Votes",
        data: [2, 9, 3, 5, 2, 3],
      },
      {
        label: "Sample",
        data: [2, 9, 3, 5, 2, 3],
      },
    ],
  };

  return <Radar data={data} />;
};

export default BallAnalyticsGraph;

Answer 1

终于解决了我的问题。我正在使用以下内容更改不同 chartjs 组件中的字体，但它正在全局更改，从而导致错误。

ChartJS.defaults.font = {
   family: "Segoe UI",
 };

RangeError: minimumFractionDigits value is out of range. Chart.js

RangeError: minimumFractionDigits value is out of range. Chart.js

charts

react-chartjs