使用chart.js选项的Vue.js无法正常工作

Question

伙计们，我目前正在为vue-chartjs使用示例代码，但是当我尝试添加选项时，由于某种原因，它不允许我添加它。也许我放错了地方，但是我不确定。

这是我的源代码。

// CommitChart.js
import {  Bar } from 'vue-chartjs'

function getNum(){return Math.floor(Math.random() * 100);}

export default {
  extends: Bar,
  mounted () {
    // Overwriting base render method with actual data.
    this.renderChart({
      labels: ['Yeah', 'What', 'Turnup'],
      datasets: [
        {
          label: 'Skimp me',
          backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
          ],
          borderColor: [
            'rgba(255,99,132,1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
          ],
          data: [getNum(), getNum(), getNum()],
          borderWidth: 1
        }
      ],
      // ATTEMPTING TO ADD OPTIONS. 
      options: {
         scales: {
           yAxes: [{
            ticks: {
              beginAtZero:true
           }
          }]
        }
      }
   })
 }
}

一切正常，但我不知道为什么这是错误的。谢谢！

Answer 1

You can overwrite the default chart options. Just pass the options object as a second parameter to the render method.

现在，您的选项位于传入的第一个对象之内。