Javascript 是否可以在chart.js中的单线图上有2个数据集?
预览: 我正在Angular 7应用程序中使用chart.js。我想知道,是否有可能在单线图上有两个数据集 详情: 在我的X轴上有与时间相关的数据,Y轴上有数字。基于API响应(返回时间戳和数字),我可以生成一个折线图。但我想在同一行上有第二个数据集。第二个数据集相关的API响应,给了我时间戳,所以我想用这个时间戳来投影点(可能是不同颜色的),在单行上显示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
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图