Chartjs-Chartjs legend not visible even after setting to true

The legend should show by default. If it is not showing I assume you are using treeshaking and not importing and registering the legend plugin like this:

import { Chart, Legend } from 'chart.js';

Chart.register(Legend);

Or you can make sure you don’t miss anything by letting chart.js import and register everything:

import Chart from 'chart.js/auto';