Fixes scrollbar in time series

app/assets/javascripts/monitoring/components/charts/time_series.vue

@@ -122,7 +122,7 @@ export default {
           },
         },
         series: this.scatterSeries,
-        dataZoom: this.dataZoomConfig,
+        dataZoom: [this.dataZoomConfig],
       };
     },
     dataZoomConfig() {

ee/changelogs/unreleased/fix-scrollhandle-in-time-series.yml

+---
+title: Fixes scroll handle icon in time series
+merge_request: 16354
+author:
+type: fixed

spec/javascripts/monitoring/charts/time_series_spec.js

@@ -140,6 +140,16 @@ describe('Time series component', () => {
             expect(timeSeriesChart.vm.svgs[mockSvgName]).toBe(`path://${mockSvgPathContent}`);
           });
         });
+
+        it('contains an svg object within an array to properly render icon', () => {
+          timeSeriesChart.vm.$nextTick(() => {
+            expect(timeSeriesChart.vm.chartOptions.dataZoom).toEqual([
+              {
+                handleIcon: `path://${mockSvgPathContent}`,
+              },
+            ]);
+          });
+        });
       });
 
       describe('onResize', () => {