在 vue-chartjs 中使用循环制作多行

如何解决在 vue-chartjs 中使用循环制作多行

我需要帮助，我想在 vue-chartjs 中循环数据集并且我有这样的数据：

this.dataLine = [
 [
  {"date":"Monday","value":"200"},{"date":"Tuesday","value":"500"},{"date":"Wednesday","value":"400"},{"date":"Thursday","value":"600"},{"date":"Friday","value":"800"},{"date":"Saturday ","value":"900"},{"date":"Sunday","value":"700"},],[
  {"date":"Monday","value":null},{"date":"Saturday","value":"750"},]
]

在正常情况下，会是这样的：

this.lineChartData = {
  labels: this.dataLine[0].data.map(item => item.date),datasets: [
    {
      label: '',backgroundColor: '#c0392b',borderColor : '#c0392b',fill: false,data: this.dataLine[0].value
     },{
      label: '',data: this.dataLine[1].value
     },]
}

但是我如何使用循环数据集来做到这一点？抱歉我的英语不好