为什么我的 ng2 图表数据无法正确缩放？

Question

我有一些数据来自一个显示在ng2-chart中的服务。

这是一个暂时显示一些虚假数据的假图表。

这边是HTML:

<canvas
baseChart
[datasets]="[getDataSet(currentTest.results['cpu'])]"
[options]="timeChartOptions"
chartType="line"
>
</canvas>

这里是timeChartOptions:

public timeChartOptions: ChartOptions = {
scales: {
xAxes: [
{
type: 'time',
time: {
unit: 'second',
},
},
],
},
};

，这里是我如何格式化数据(我只有一个系列):

public getDataSet(testResult: TestResult): ChartDataSets | undefined {
if (testResult) {
return {
data: testResult.indexes.map((x, index) => ({ x: +x, y: testResult.values[index] })),
label: testResult.name,
};
}
return undefined;
}
}

我不认为我转换序列的方式是相关的，因为我看到的数据顺序是正确的，但是当我显示图表时:

1. 快速闪烁，显示100%正确
2. 那么数据没有正确的幅度(如果有帮助，我的数据的幅度在1到22之间)。

这是我刷新页面时看到的小视频:https://www.screencast.com/t/LzUdPK4mu

你知道我错过了什么吗?

Answer 1

我找到答案了!

问题是我正在使用一个函数来计算ng图的数据集。当我放了一个console.log时，我意识到这个函数被调用了很多次，所以基本上图表是在循环中获取新的数据集，我猜有某种开始动画。