свойство заполнения react-chartjs-2 не работает?

#reactjs #chart.js #react-chartjs

#реагирует на #chart.js #реагировать-chartjs

Вопрос:

Я хочу добавить заливку на линейный график с помощью react-chartjs-2 пакета. Я перехожу fill: true к набору данных, но это работает не так, как ожидалось. Есть какие-нибудь предложения?

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

Ответ №1:

Это связано с тем, что вы используете treeshaking, а не импортируете/регистрируете плагин-наполнитель.

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