Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在chart.js中的单线图上有2个数据集?_Javascript_Angular_Typescript_Chart.js2 - Fatal编程技术网

Javascript 是否可以在chart.js中的单线图上有2个数据集?

Javascript 是否可以在chart.js中的单线图上有2个数据集?,javascript,angular,typescript,chart.js2,Javascript,Angular,Typescript,Chart.js2,预览: 我正在Angular 7应用程序中使用chart.js。我想知道,是否有可能在单线图上有两个数据集 详情: 在我的X轴上有与时间相关的数据,Y轴上有数字。基于API响应(返回时间戳和数字),我可以生成一个折线图。但我想在同一行上有第二个数据集。第二个数据集相关的API响应,给了我时间戳,所以我想用这个时间戳来投影点(可能是不同颜色的),在单行上显示 this.chart = new Chart(ctx, { type: 'line', data: this.get

预览: 我正在Angular 7应用程序中使用chart.js。我想知道,是否有可能在单线图上有两个数据集

详情: 在我的X轴上有与时间相关的数据,Y轴上有数字。基于API响应(返回时间戳和数字),我可以生成一个折线图。但我想在同一行上有第二个数据集。第二个数据集相关的API响应,给了我时间戳,所以我想用这个时间戳来投影点(可能是不同颜色的),在单行上显示

this.chart = new Chart(ctx, {
      type: 'line',
      data: this.getChartAxisData(),
      options: this.getChartOptions()
    });

getChartAxisData() {
    const first: any[] = this.listOne.map((data) => (new Date(data.date)));
    const firstArray: any[] = this.listOne.map((data) => data.number);
    const second: any[] = this.listTwo.map((data) => (new Date(data.date)));

    return {
      labels: first,
      datasets: [
        {
          data: firstArray
        }
      ]
    };
  }

getChartOptions() {

    return {
      scales: {
        xAxes: [{
          type: 'time',
          time: {
            max: this.endDate,
            min: this.startDate,
            displayFormats: {
              'millisecond': 'hh:mm A',
              'second': 'hh:mm A',
              'minute': 'hh:mm A',
              'hour': 'hh:mm A',
              'day': 'DD-MMM',
              'week': 'DD-MMM',
              'month': 'DD-MMM'
            }
          }
        }],
        yAxes: [{
          ticks: {
            min: 0,
            max: 800
          }
        }]
      }
    };
  }

不,不能使用两个数据集,但可以在数据集json中使用两个对象。试试看,是的,但这不能满足我们的要求。如果我得到一个数据集,就必须从两个列表转换成单个数据集。尝试创建对象并推入数组,我在我的图中做了同样的事情,我想在其中显示Comapriotive图