react-chartjs-2 fill 属性 不工作?
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,
},
],
};
这是因为您使用的是 treeshaking 而不是 importing/registering 填充插件。
import {Chart, Filler} from 'chart.js';
Chart.register(Filler);
我想使用 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,
},
],
};
这是因为您使用的是 treeshaking 而不是 importing/registering 填充插件。
import {Chart, Filler} from 'chart.js';
Chart.register(Filler);