fix(bug): brush should not be there for cartesian chart if there is no selection handler (#1406)

* fix(bug): brush should not be there for cartesian chart if there is no selection handler

* Update projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/dashboard/widgets/charts/cartesian-widget/cartesian-widget-renderer.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

* Update projects/observability/src/shared/dashboard/widgets/charts/cartesian-widget/cartesian-widget-renderer.component.ts

Co-authored-by: Aaron Steinfeld <[email protected]>

Co-authored-by: Aaron Steinfeld <[email protected]>

Author: itssharmasandeep

projects/observability/src/shared/components/cartesian/cartesian-chart.component.ts

@@ -57,6 +57,9 @@ export class CartesianChartComponent<TData> implements OnChanges, OnDestroy {
   @Input()
   public timeRange?: TimeRange;
 
+  @Input()
+  public rangeSelectionEnabled: boolean = false;
+
   @Input()
   public intervalOptions?: IntervalValue[];
 
@@ -100,10 +103,13 @@ export class CartesianChartComponent<TData> implements OnChanges, OnDestroy {
         this.chartTooltipBuilderService.constructTooltip<TData, Series<TData>>(data =>
           this.convertToDefaultTooltipRenderData(data)
         )
-      )
-      .withEventListener(ChartEvent.Select, selectedData => {
+      );
+
+    if (this.rangeSelectionEnabled) {
+      this.chart.withEventListener(ChartEvent.Select, selectedData => {
         this.selectionChange.emit(selectedData);
       });
+    }
 
     if (this.bands) {
       this.chart.withBands(...this.bands);

projects/observability/src/shared/dashboard/widgets/charts/cartesian-widget/cartesian-widget-renderer.component.ts

@@ -27,6 +27,7 @@ import { CartesianDataFetcher, CartesianResult, CartesianWidgetModel } from './c
         [showXAxis]="this.model.showXAxis"
         [showYAxis]="this.model.showYAxis"
         [timeRange]="this.timeRange"
+        [rangeSelectionEnabled]="!!this.model.selectionHandler"
         [selectedInterval]="this.selectedInterval"
         [intervalOptions]="this.intervalOptions"
         [legend]="this.model.legendPosition"