在 vue-chartJS 中更改图例的 Position

Question

我是 Vue-ChartJs 的新手，对此非常好奇：

如何将图例 position 更改为图表底部？

Answer 1

在您的图表选项 object 中使用：

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

Answer 2

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