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 }))
     }];
   }
 }