feat: add property to cartesian widget to allow disabling band fetches (#602)

* feat: add property to cartesian widget to allow disabling band fetches

* fix: rename to showBands

Author: jake-bassett

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

@@ -10,7 +10,7 @@ import {
   STRING_PROPERTY
 } from '@hypertrace/hyperdash';
 import { ModelInject, MODEL_API } from '@hypertrace/hyperdash-angular';
-import { Observable } from 'rxjs';
+import { Observable, of } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { Band, CartesianSeriesVisualizationType, Series } from '../../../../components/cartesian/chart';
 import { LegendPosition } from '../../../../components/legend/legend.component';
@@ -48,6 +48,12 @@ export class CartesianWidgetModel<TInterval> {
   })
   public bands: BandModel<TInterval>[] = [];
 
+  @ModelProperty({
+    key: 'show-bands',
+    type: BOOLEAN_PROPERTY.type
+  })
+  public showBands: boolean = true;
+
   @ModelProperty({
     key: 'color-palette',
     displayName: 'Color Palette',
@@ -258,7 +264,7 @@ export class CartesianWidgetModel<TInterval> {
     bands: DecoratedBandDataFetcher<TInterval>[],
     interval: TimeDuration
   ): Observable<MetricBand<TInterval>[]> {
-    return forkJoinSafeEmpty(bands.map(fetcher => fetcher.getData(interval)));
+    return this.showBands ? forkJoinSafeEmpty(bands.map(fetcher => fetcher.getData(interval))) : of([]);
   }
 
   private getDecoratedSeriesDataFetchers(): Observable<DecoratedSeriesDataFetcher<TInterval>[]> {