From 8e0938abda52e8228ce6adac90da8cb16544f6c9 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Mon, 17 Dec 2018 17:58:25 +0100
Subject: [PATCH] Toggle stacked.

---
 .../dashboard/pages/dashboard-page.component.html   | 13 +++++++++++--
 .../dashboard/pages/dashboard-page.component.ts     |  2 ++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/Squidex/app/features/dashboard/pages/dashboard-page.component.html b/src/Squidex/app/features/dashboard/pages/dashboard-page.component.html
index 71589198c..3d4aa7401 100644
--- a/src/Squidex/app/features/dashboard/pages/dashboard-page.component.html
+++ b/src/Squidex/app/features/dashboard/pages/dashboard-page.component.html
@@ -76,9 +76,18 @@
                 </div>
 
                 <div class="card card-lg">
-                    <div class="card-header">API Performance (ms)</div>
+                    <div class="card-header">API Performance (ms)
+                        <div class="float-right">
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="stacked" [(ngModel)]="isPerformanceStacked" />
+                                <label class="form-check-label" for="stacked">
+                                    Stacked
+                                </label>
+                            </div>
+                        </div>
+                    </div>
                     <div class="card-body">
-                        <chart type="bar" [data]="chartCallsPerformance" [options]="chartOptions"></chart>
+                        <chart type="bar" [data]="chartCallsPerformance" [options]="isPerformanceStacked ? stackedChartOptions : chartOptions"></chart>
                     </div>
                 </div>
 
diff --git a/src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts b/src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts
index 8631afd5b..89bfec8bc 100644
--- a/src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts
+++ b/src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts
@@ -52,6 +52,8 @@ export class DashboardPageComponent implements OnDestroy, OnInit {
     public chartCallsCount: any;
     public chartCallsPerformance: any;
 
+    public isPerformanceStacked = false;
+
     public app = this.appsState.selectedApp.pipe(filter(x => !!x), map(x => <AppDto>x));
 
     public chartOptions = {