在 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
     },]
}

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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)