From 74b8a42d291e82452797bd426e76b9a2806dfb3a Mon Sep 17 00:00:00 2001 From: Jonathan Bernard Date: Fri, 27 Sep 2019 11:45:01 -0500 Subject: [PATCH] web: Sort data in simple measure graphs. --- web/src/components/measure-details/simple-details.ts | 6 ++++-- .../components/measure-summaries/simple-summary-graph.ts | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/web/src/components/measure-details/simple-details.ts b/web/src/components/measure-details/simple-details.ts index a675154..2ef7354 100644 --- a/web/src/components/measure-details/simple-details.ts +++ b/web/src/components/measure-details/simple-details.ts @@ -22,11 +22,13 @@ export class SimpleDetails extends Vue { }; private get measurementChartData(): ApexAxisChartSeries { - const measurementData = this.measurements || []; + const measurementData = this.measurements.slice() || []; return [{ name: this.measure.name, - data: measurementData.map((m) => ({ x: m.timestamp.toISOString(), y: m.value })) + data: measurementData + .sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime()) + .map((m) => ({ x: m.timestamp.toISOString(), y: m.value })) }]; } diff --git a/web/src/components/measure-summaries/simple-summary-graph.ts b/web/src/components/measure-summaries/simple-summary-graph.ts index bb9a170..8288ebb 100644 --- a/web/src/components/measure-summaries/simple-summary-graph.ts +++ b/web/src/components/measure-summaries/simple-summary-graph.ts @@ -16,11 +16,13 @@ export class SimpleSummaryGraph extends Vue { }; private get measurementData(): ApexAxisChartSeries { - const measurementData = this.measurements || []; + let measurementData = this.measurements.slice() || []; return [{ name: this.measure.name, - data: measurementData.map((m) => ({ x: m.timestamp.toISOString(), y: m.value })) + data: measurementData + .sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime()) + .map((m) => ({ x: m.timestamp.toISOString(), y: m.value })) }]; } }