Vue.js 如何将vue chartjs开始设置为零?

Vue.js 如何将vue chartjs开始设置为零?,vue.js,vue-chartjs,Vue.js,Vue Chartjs,我使用vue从chartjs获得了horizontalBar,我想将比例设置为从零开始,我已经在我的选项中添加了这段代码 scales: { xAxes: [{ stacked: true, ticks: { beginAtZero: true, min: 0, } }] }, scaleBegin

我使用vue从chartjs获得了horizontalBar,我想将比例设置为从零开始,我已经在我的选项中添加了这段代码

scales: {
          xAxes: [{
            stacked: true,
            ticks: {
              beginAtZero: true,
              min: 0,
            }
          }]
        },
        scaleBeginAtZero : true,
但这不起作用

data() {
    return {
      data: {
        labels: this.listLabel,
        datasets: [{
          label: "Usage",
          backgroundColor: "#41946E",
          data: this.listData
        }]
      },
      options: {
        legend: { 
          display: false,

        },
        label:{
          display: true
        },
        scales: {
          xAxes: [{
            stacked: true,
            ticks: {
              beginAtZero: true,
              min: 0,
            }
          }]
        },
        scaleBeginAtZero : true,


      }
    }
  },

我希望它看起来像这样,但我得到的是这样的,正如您所看到的,设备5的值为10,但它没有显示条。

将其写入选项中

选项:{
比例:{
xAxes:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}