Data: const data={ "labels": [ 0, 400, 800, 1200, 1600, 2000, 2400, 2800, 3200, 3600, 4000 ], "datasets": [ { "axis": ‘x’, "label": "FFF", "borderColor": "Red", "backgroundColor": "Red", "data": [ { "x": 2883, "y": 129 }, { "x": 3509, "y": 118 }, { "x": 3916, "y": 73 } ] } ] }; Chart: I am… Read More ChartJS not rendering lines according to x-axis data

I want to add fill to a line chart using the react-chartjs-2 package. I’m passing fill: true to the dataset but that doesn’t work as expected. Any suggestions? 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:… Read More react-chartjs-2 fill property not working?