Change Position of legend in vue-chartJS

Question

I'm new to Vue-ChartJs, and got really curious about this:

How do I change the legend position to the bottom of the graph?

Answer 1

chartOptions: {
// other options...
      plugins: {
        legend: {
          position: 'right'
          }
      }
    }

Answer 2

In your chart options object use this:

const chartOptions = {
  // other options...
  legend: {
    position: 'bottom'
  }
}