Tincre/promo-dashboard

๐Ÿž [BUG]: Charts show two rendering of x, y labels

Closed this issue ยท 0 comments

Describe the bug
While building a new application today I noticed that updated versions of chart.js (>4.0.0) produce double labels on the x and y axis.

To Reproduce
Steps to reproduce the behavior:

  1. Install chart.js and react-chartjs-2 freshly w/the Promo Dashboard.
  2. Click on a campaign using demo data.
  3. Witness the double screen labels on the chart detail page.

Expected behavior
Axis show a single set of labels for x and y.

Screenshots
image

image

Library version:

  • Chart.js > 4.0.0

Additional context
This is fixed by pinning chart.js < 4.0.0 in the package.json.