fix: hide data labels for rangeSlider (#373)

Author: kuzmadom

src/hooks/useShapes/area/prepare-data.ts

@@ -115,6 +115,7 @@ export const prepareAreaData = async (args: {
     boundsHeight: number;
     split: PreparedSplit;
     isOutsideBounds: (x: number, y: number) => boolean;
+    isRangeSlider?: boolean;
 }): Promise<PreparedAreaData[]> => {
     const {
         series,
@@ -125,6 +126,7 @@ export const prepareAreaData = async (args: {
         boundsHeight: plotHeight,
         split,
         isOutsideBounds,
+        isRangeSlider,
     } = args;
     const [_xMin, xRangeMax] = xScale.range();
     const xMax = xRangeMax;
@@ -217,7 +219,7 @@ export const prepareAreaData = async (args: {
                 const labels: LabelData[] = [];
                 const htmlElements: HtmlItem[] = [];
 
-                if (s.dataLabels.enabled) {
+                if (s.dataLabels.enabled && !isRangeSlider) {
                     const labelsData = await prepareDataLabels({series: s, points, xMax, yAxisTop});
                     labels.push(...labelsData.svgLabels);
                     htmlElements.push(...labelsData.htmlLabels);

src/hooks/useShapes/bar-x/prepare-data.ts

@@ -75,6 +75,7 @@ export const prepareBarXData = async (args: {
     yScale: (ChartScale | undefined)[];
     boundsHeight: number;
     split: PreparedSplit;
+    isRangeSlider?: boolean;
 }): Promise<PreparedBarXData[]> => {
     const {
         series,
@@ -85,6 +86,7 @@ export const prepareBarXData = async (args: {
         yScale,
         boundsHeight: plotHeight,
         split,
+        isRangeSlider,
     } = args;
     const stackGap: number = seriesOptions['bar-x'].stackGap;
     const categories = xAxis?.categories ?? [];
@@ -263,7 +265,7 @@ export const prepareBarXData = async (args: {
     for (let i = 0; i < result.length; i++) {
         const barData = result[i];
 
-        if (barData.series.dataLabels.enabled) {
+        if (barData.series.dataLabels.enabled && !isRangeSlider) {
             const label = await getLabelData(barData);
             if (barData.series.dataLabels.html && label) {
                 barData.htmlElements.push({

src/hooks/useShapes/index.tsx

@@ -153,6 +153,7 @@ export const useShapes = (args: Args) => {
                                     yScale,
                                     boundsHeight,
                                     split,
+                                    isRangeSlider,
                                 });
                                 shapes.push(
                                     <BarXSeriesShapes
@@ -255,6 +256,7 @@ export const useShapes = (args: Args) => {
                                     boundsHeight,
                                     split,
                                     isOutsideBounds,
+                                    isRangeSlider,
                                 });
                                 shapes.push(
                                     <AreaSeriesShapes

src/hooks/useShapes/line/prepare-data.ts

@@ -69,7 +69,7 @@ export const prepareLineData = async (args: {
 
         const htmlElements: HtmlItem[] = [];
         const labels: LabelData[] = [];
-        if (s.dataLabels.enabled) {
+        if (s.dataLabels.enabled && !isRangeSlider) {
             if (s.dataLabels.html) {
                 const list = await Promise.all(
                     points.reduce<Promise<HtmlItem>[]>((result, p) => {