ReactJS上的Chartjs-beginAtZero无法正常工作

Question

我一直在尝试使此条形图从0开始，但是它并不总是有效-奇怪的是，有时它可以工作-从0开始，但是当我刷新页面时，它从某个随机数开始甚至有时甚至来自条形图最低条形上的数字。我添加了min：0希望可以解决该问题。我无法解决这个问题，我在做什么错了？

 const data = {
 labels: ["Red", "Blue"],
        datasets: [{
            label: '# of Votes',
            data: chartData,
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
      }
const options = {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true,
                                    min:0
                }
            }]
        }
    }

const chartData = [shownTotal, shownNewTotal];



 <Chart chartData={data} options={options} key={key}  legendPosition="bottom"/>

编辑：我第一次发布此代码时，我忘记添加选项代码。