Javascript 谷歌图表不会接受js变量

我正在集成一个来自google的折线图，并尝试添加变量值，但是当我将图表的数值更改为js变量时，它的计算结果为0

JS:

---

我试着让变量保持原样，用parseFloat、parseInt、number（）等将其包装起来。似乎什么都没用，也没有出错。任何帮助都会很棒！谢谢：）

修复了它，如果您在vue组件中，则需要在导出函数之外的变量各自的var中声明变量

 import { GChart } from 'vue-google-charts'


   export default {
    name: 'linegraph',
    props: ['dates', 'stats'],
    data() {
      return {

            test: 5, 
            items: {

            },
          chartData: [
            ['Date', 'Items Sold'],
            [this.dates.monday, 1],
            [this.dates.tuesday, 50],
            [this.dates.wednesday, 3],
            [this.dates.thursday, 2],
            [this.dates.friday, 6],
            [this.dates.saturday, 8],
            [this.dates.sunday, parseInt(this.test)]
          ],
          chartOptions: {
                width: 600,
                height: 400,
                curveType: 'function',
                legend: { position: 'bottom' },
                animation: {
                  duration: 1000,
                  easing: 'inAndOut',
                  startup: true
                },
                colors: ['#74D698'],
            }
        } 
    },