diff --git a/projects/observability/src/pages/apis/api-detail/overview/api-overview.dashboard.ts b/projects/observability/src/pages/apis/api-detail/overview/api-overview.dashboard.ts
index fea4c8572..dfa20929a 100644
--- a/projects/observability/src/pages/apis/api-detail/overview/api-overview.dashboard.ts
+++ b/projects/observability/src/pages/apis/api-detail/overview/api-overview.dashboard.ts
@@ -198,7 +198,7 @@ export const apiOverviewDashboard: DashboardDefaultConfiguration = {
           {
             type: 'cartesian-widget',
             title: 'Latency',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
@@ -291,7 +291,7 @@ export const apiOverviewDashboard: DashboardDefaultConfiguration = {
           {
             type: 'cartesian-widget',
             title: 'Errors',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
@@ -385,7 +385,7 @@ export const apiOverviewDashboard: DashboardDefaultConfiguration = {
           {
             type: 'cartesian-widget',
             title: 'Calls',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
diff --git a/projects/observability/src/pages/apis/backend-detail/overview/backend-overview.component.ts b/projects/observability/src/pages/apis/backend-detail/overview/backend-overview.component.ts
index 3eeb0a146..d4ce900d6 100644
--- a/projects/observability/src/pages/apis/backend-detail/overview/backend-overview.component.ts
+++ b/projects/observability/src/pages/apis/backend-detail/overview/backend-overview.component.ts
@@ -214,7 +214,7 @@ export class BackendOverviewComponent {
           {
             type: 'cartesian-widget',
             title: 'Latency',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
@@ -291,7 +291,7 @@ export class BackendOverviewComponent {
           {
             type: 'cartesian-widget',
             title: 'Errors',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
@@ -369,7 +369,7 @@ export class BackendOverviewComponent {
           {
             type: 'cartesian-widget',
             title: 'Calls',
-            'selectable-interval': false,
+            'selectable-interval': true,
             'legend-position': LegendPosition.None,
             'x-axis': {
               type: 'cartesian-axis',
diff --git a/projects/observability/src/pages/apis/service-detail/overview/service-overview.dashboard.ts b/projects/observability/src/pages/apis/service-detail/overview/service-overview.dashboard.ts
index 877237bb2..c9378e7fe 100644
--- a/projects/observability/src/pages/apis/service-detail/overview/service-overview.dashboard.ts
+++ b/projects/observability/src/pages/apis/service-detail/overview/service-overview.dashboard.ts
@@ -242,7 +242,7 @@ export const serviceOverviewDashboard: DashboardDefaultConfiguration = {
               {
                 type: 'cartesian-widget',
                 title: 'Latency',
-                'selectable-interval': false,
+                'selectable-interval': true,
                 'legend-position': LegendPosition.None,
                 'x-axis': {
                   type: 'cartesian-axis',
@@ -335,7 +335,7 @@ export const serviceOverviewDashboard: DashboardDefaultConfiguration = {
               {
                 type: 'cartesian-widget',
                 title: 'Errors',
-                'selectable-interval': false,
+                'selectable-interval': true,
                 'legend-position': LegendPosition.None,
                 'x-axis': {
                   type: 'cartesian-axis',
@@ -429,7 +429,7 @@ export const serviceOverviewDashboard: DashboardDefaultConfiguration = {
               {
                 type: 'cartesian-widget',
                 title: 'Calls',
-                'selectable-interval': false,
+                'selectable-interval': true,
                 'legend-position': LegendPosition.None,
                 'x-axis': {
                   type: 'cartesian-axis',
diff --git a/src/app/home/home.dashboard.ts b/src/app/home/home.dashboard.ts
index 1a36373cb..59a1839e2 100644
--- a/src/app/home/home.dashboard.ts
+++ b/src/app/home/home.dashboard.ts
@@ -406,7 +406,7 @@ export const homeDashboard: DashboardDefaultConfiguration = {
             type: 'cartesian-widget',
             title: 'Latency',
             'legend-position': LegendPosition.None,
-            'selectable-interval': false,
+            'selectable-interval': true,
             'x-axis': {
               type: 'cartesian-axis',
               'show-grid-lines': false
@@ -482,7 +482,7 @@ export const homeDashboard: DashboardDefaultConfiguration = {
             type: 'cartesian-widget',
             title: 'Calls',
             'legend-position': LegendPosition.None,
-            'selectable-interval': false,
+            'selectable-interval': true,
             'x-axis': {
               type: 'cartesian-axis',
               'show-grid-lines': false
@@ -559,7 +559,7 @@ export const homeDashboard: DashboardDefaultConfiguration = {
             type: 'cartesian-widget',
             title: 'Errors',
             'legend-position': LegendPosition.None,
-            'selectable-interval': false,
+            'selectable-interval': true,
             'x-axis': {
               type: 'cartesian-axis',
               'show-grid-lines': false