react-chartjs-2 填充属性不起作用？

Question

我想使用react-chartjs-2 包向折线图添加填充。我将fill: true 传递给数据集，但这并没有按预期工作。有什么建议吗？

const data = {
    labels,
    datasets: [
      {
        label: "Balance",
        data: history.balances.map((item) => item.balance),
        fill: true,
        borderColor: "rgba(190, 56, 242, 1)",
        backgroundColor: "rgba(190, 56, 242, 1)",
        tension: 0.3,
      },
    ],
  };

Answer 1

这是因为您使用的是 treeshaking 而不是导入/注册填充插件。

import {Chart, Filler} from 'chart.js';

Chart.register(Filler);