0👍
✅
The way I resolved this was a "bandaid over the wound" solution. The dynamic mapping was not working for some reason, and I did not necessarily figure out how to resolve that. However, I did change it from mapping and hard coded that data inside instead and that fixed the issue.
So instead of labels: [ChartData.map((data) => data.id)]
I went ahead and put labels: [2016, 2017, 2018, [...and so on]]
Although changing this did not resolve the dynamic mapping I had originally, I did resolve the visual appearance.
Source:stackexchange.com