|
@ -98,6 +98,12 @@ export class BenchmarkComparatorComponent implements OnChanges, OnDestroy { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
private initialize() { |
|
|
private initialize() { |
|
|
|
|
|
const benchmarkDataValues: { [date: string]: number } = {}; |
|
|
|
|
|
|
|
|
|
|
|
for (const { date, value } of this.benchmarkDataItems) { |
|
|
|
|
|
benchmarkDataValues[date] = value; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
const data: ChartData<'line'> = { |
|
|
const data: ChartData<'line'> = { |
|
|
datasets: [ |
|
|
datasets: [ |
|
|
{ |
|
|
{ |
|
@ -113,8 +119,11 @@ export class BenchmarkComparatorComponent implements OnChanges, OnDestroy { |
|
|
backgroundColor: `rgb(${secondaryColorRgb.r}, ${secondaryColorRgb.g}, ${secondaryColorRgb.b})`, |
|
|
backgroundColor: `rgb(${secondaryColorRgb.r}, ${secondaryColorRgb.g}, ${secondaryColorRgb.b})`, |
|
|
borderColor: `rgb(${secondaryColorRgb.r}, ${secondaryColorRgb.g}, ${secondaryColorRgb.b})`, |
|
|
borderColor: `rgb(${secondaryColorRgb.r}, ${secondaryColorRgb.g}, ${secondaryColorRgb.b})`, |
|
|
borderWidth: 2, |
|
|
borderWidth: 2, |
|
|
data: this.benchmarkDataItems.map(({ date, value }) => { |
|
|
data: this.performanceDataItems.map(({ date }) => { |
|
|
return { x: parseDate(date).getTime(), y: value }; |
|
|
return { |
|
|
|
|
|
x: parseDate(date).getTime(), |
|
|
|
|
|
y: benchmarkDataValues[date] |
|
|
|
|
|
}; |
|
|
}), |
|
|
}), |
|
|
label: this.benchmark?.name ?? $localize`Benchmark` |
|
|
label: this.benchmark?.name ?? $localize`Benchmark` |
|
|
} |
|
|
} |
|
|