Javascript t[this.activeSeriesIndex].data[0]在ApexCharts中未定义。如何正确构建系列阵列?

Javascript t[this.activeSeriesIndex].data[0]在ApexCharts中未定义。如何正确构建系列阵列?,javascript,vue.js,vuejs2,typeerror,apexcharts,Javascript,Vue.js,Vuejs2,Typeerror,Apexcharts,我是Vue的初学者,我正在使用Vue apex图表在我的应用程序中创建图表。我想在图表中显示两个组件的属性“uncorrectAns”和“correctAns”的值,这两个属性是我通过特定的方法(computeStat())计算出来的 我想知道此错误的性质,以及是否有正确的方法在图表中显示“更正”和“未更正”值。在您的系列属性周围有几个问题 定义系列时,此.correctAns和此.uncorrectAns都是未定义的(这是问题的根源) 因为series是静态定义的,所以在您更改this.c

我是Vue的初学者,我正在使用Vue apex图表在我的应用程序中创建图表。我想在图表中显示两个组件的属性“uncorrectAns”和“correctAns”的值,这两个属性是我通过特定的方法(computeStat())计算出来的



我想知道此错误的性质,以及是否有正确的方法在图表中显示“更正”和“未更正”值。

在您的
系列
属性周围有几个问题

  • 定义
    系列
    时,
    此.correctAns
    此.uncorrectAns
    都是
    未定义的
    (这是问题的根源)
  • 因为
    series
    是静态定义的,所以在您更改
    this.correctAns
    this.uncorrectAns
  • 解决方案是将
    系列
    转换为计算属性。将其从
    数据中删除
    并添加

    计算:{
    系列(){
    返回[
    {
    名称:'series-1',
    数据:[this.correctAns,this.uncorrectAns]
    }
    ]
    }
    }
    
    演示~


    鉴于您似乎将
    结果
    视为一个数组,您应该将其初始化为数组,而不是空字符串,即

    结果:[],//不是“”