[Chartjs]-On hover bar is overlapped by label chartjs

by

1👍

✅

This seems to be caused by case-sensitivity of colour names.

Change your colours to all lowercase like so:

backgroundColor: ['#ff7f27', 'dodgerblue', 'green'],
borderColor: ['#ff7f27', 'dodgerblue', 'green'],

The CSS3 specification explicitly states the names are case-insensitive so this looks like a bug in Chart.js

Leave a comment