diff --git a/tools/dashboard/package.json b/tools/dashboard/package.json
index 65352373271d..66811fd386a1 100644
--- a/tools/dashboard/package.json
+++ b/tools/dashboard/package.json
@@ -20,7 +20,7 @@
     "@angular/platform-browser": "^5.0.0",
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
-    "@swimlane/ngx-charts": "^6.0.0",
+    "@swimlane/ngx-charts": "^7.0.1",
     "angularfire2": "^5.0.0-rc.2",
     "core-js": "^2.4.1",
     "d3": "^4.9.1",
@@ -35,6 +35,6 @@
     "@types/jasmine": "2.5.45",
     "@types/node": "~6.0.60",
     "ts-node": "~3.0.4",
-    "typescript": "^2.4.1"
+    "typescript": "~2.4.2"
   }
 }
diff --git a/tools/dashboard/src/app/coverage-chart/coverage-chart.html b/tools/dashboard/src/app/coverage-chart/coverage-chart.html
index 09bd71f98818..24f20199ced0 100644
--- a/tools/dashboard/src/app/coverage-chart/coverage-chart.html
+++ b/tools/dashboard/src/app/coverage-chart/coverage-chart.html
@@ -9,6 +9,7 @@
   [showXAxisLabel]="true"
   [showYAxisLabel]="true"
   [showGridLines]="true"
+  [timeline]="true"
   [xAxisLabel]="xAxisLabel"
   [yAxisLabel]="yAxisLabel"
   [autoScale]="true">
diff --git a/tools/dashboard/src/app/dashboard-app.ts b/tools/dashboard/src/app/dashboard-app.ts
index 49baf62d56cc..caddbc6240fc 100644
--- a/tools/dashboard/src/app/dashboard-app.ts
+++ b/tools/dashboard/src/app/dashboard-app.ts
@@ -17,8 +17,8 @@ export class DashboardApp {
   coverage: Observable<CoverageResult[]>;
 
   constructor(database: AngularFireDatabase) {
-    this.payloads = database.list(`payloads`).valueChanges();
-    this.coverage = database.list(`coverage-reports`).valueChanges();
+    this.payloads = database.list<PayloadResult>('payloads').valueChanges();
+    this.coverage = database.list<CoverageResult>('coverage-reports').valueChanges();
   }
 }
 
diff --git a/tools/dashboard/src/app/dashboard-module.ts b/tools/dashboard/src/app/dashboard-module.ts
index 7f7b55f679ce..06219d028262 100644
--- a/tools/dashboard/src/app/dashboard-module.ts
+++ b/tools/dashboard/src/app/dashboard-module.ts
@@ -1,14 +1,14 @@
+import {NgModule} from '@angular/core';
+import {MatCardModule, MatProgressSpinnerModule, MatToolbarModule} from '@angular/material';
 import {BrowserModule} from '@angular/platform-browser';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {NgxChartsModule} from '@swimlane/ngx-charts';
 import {AngularFireModule} from 'angularfire2';
 import {AngularFireDatabaseModule} from 'angularfire2/database';
-import {NgModule} from '@angular/core';
-import {DashboardApp} from './dashboard-app';
 import {environment} from '../environments/environment';
-import {MatCardModule, MatProgressSpinnerModule, MatToolbarModule} from '@angular/material';
-import {NgxChartsModule} from '@swimlane/ngx-charts';
-import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {PayloadChart} from './payload-chart/payload-chart';
 import {CoverageChart} from './coverage-chart/coverage-chart';
+import {DashboardApp} from './dashboard-app';
+import {PayloadChart} from './payload-chart/payload-chart';
 
 @NgModule({
   exports: [
diff --git a/tools/dashboard/src/app/payload-chart/payload-chart.html b/tools/dashboard/src/app/payload-chart/payload-chart.html
index 09bd71f98818..24f20199ced0 100644
--- a/tools/dashboard/src/app/payload-chart/payload-chart.html
+++ b/tools/dashboard/src/app/payload-chart/payload-chart.html
@@ -9,6 +9,7 @@
   [showXAxisLabel]="true"
   [showYAxisLabel]="true"
   [showGridLines]="true"
+  [timeline]="true"
   [xAxisLabel]="xAxisLabel"
   [yAxisLabel]="yAxisLabel"
   [autoScale]="true">