Reaction-chartjs-2填充属性不起作用？ [英] react-chartjs-2 fill property not working?

问题描述

我要使用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,
      },
    ],
  };

推荐答案

这是因为您正在使用树共享，而不是导入/注册填充插件。

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

Chart.register(Filler);

这篇关于Reaction-chartjs-2填充属性不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！