Chartjs-How can I style ChartJS to always be at the bottom of a div?

by

1👍

✅

.myChart {
  display: flex;
  flex-direction: column;
}
.myChart p {
  flex-grow: 1;
}

Will position the chart at the bottom. However, currently the chart contains a padding. You either use chart settings to remove them or you could size it a bit bigger, give it negative margins and hide overflow.

Leave a comment