fix: bar-x with the similar data should be displayed the same for different types of axes (#295)

Author: kuzmadom

src/__snapshots__/bar-x-series.visual.test.tsx-snapshots/Bar-x-series-Linear-X-axis-1-chromium-linux.png

@@ -27,6 +27,63 @@ test.describe('Bar-x series', () => {
         await expect(component.locator('svg')).toHaveScreenshot();
     });
 
+    test('Same data with different x-axis type', async ({mount}) => {
+        const points = [
+            {x: 0, y: 1},
+            {x: 1, y: 3},
+            {x: 2, y: 2},
+        ];
+        // linear x-axis
+        const component = await mount(
+            <ChartTestStory
+                data={{
+                    title: {text: 'linear x-axis'},
+                    series: {
+                        data: [{type: 'bar-x', name: '', data: points}],
+                    },
+                    xAxis: {type: 'linear'},
+                }}
+            />,
+        );
+        await expect(component.locator('svg')).toHaveScreenshot();
+
+        // datetime x-axis
+        const startDate = new Date('2000-10-10T00:00:00Z').getTime();
+        const day = 1000 * 60 * 60 * 24;
+        await component.update(
+            <ChartTestStory
+                data={{
+                    title: {text: 'datetime x-axis'},
+                    series: {
+                        data: [
+                            {
+                                type: 'bar-x',
+                                name: '',
+                                data: points.map((d) => ({x: d.x * day + startDate, y: d.y})),
+                            },
+                        ],
+                    },
+                    xAxis: {type: 'datetime'},
+                }}
+            />,
+        );
+        await expect(component.locator('svg')).toHaveScreenshot();
+
+        // categorical x-axis
+        await component.update(
+            <ChartTestStory
+                data={{
+                    title: {text: 'categorical x-axis'},
+                    series: {
+                        data: [{type: 'bar-x', name: '', data: points}],
+                    },
+                    xAxis: {type: 'category', categories: ['0', '1', '2']},
+                }}
+            />,
+        );
+        await expect(component.locator('svg')).toHaveScreenshot();
+    });
+
     test.describe('Stacking percent', () => {
         test('Linear X-axis ', async ({mount}) => {
             const chartData: ChartData = {

src/__snapshots__/bar-x-series.visual.test.tsx-snapshots/Bar-x-series-Same-data-with-different-x-axis-type-1-chromium-linux.png

@@ -132,7 +132,6 @@ export function useChartInnerProps(props: Props) {
         boundsHeight,
         rangeSliderState,
         series: preparedSeries,
-        seriesOptions: preparedSeriesOptions,
         split: preparedSplit,
         xAxis,
         yAxis,

src/__snapshots__/bar-x-series.visual.test.tsx-snapshots/Bar-x-series-Same-data-with-different-x-axis-type-2-chromium-linux.png

@@ -53,7 +53,6 @@ export function useAxis(props: UseAxesProps) {
                 xAxis,
                 width,
                 seriesData,
-                seriesOptions: preparedSeriesOptions,
             });
 
             let estimatedBoundsHeight = boundsHeight ?? height;