@fluentui/react-charts 0.0.0-nightly-20251016-0409.1 → 0.0.0-nightly-20251017-2337.1

package/CHANGELOG.md

@@ -1,28 +1,28 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Thu, 16 Oct 2025 04:23:56 GMT and should not be manually modified.
+This log was last generated on Fri, 17 Oct 2025 23:52:08 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20251016-0409.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20251016-0409.1)
+## [0.0.0-nightly-20251017-2337.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20251017-2337.1)
 
-Thu, 16 Oct 2025 04:23:56 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.2..@fluentui/react-charts_v0.0.0-nightly-20251016-0409.1)
+Fri, 17 Oct 2025 23:52:08 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.3.2..@fluentui/react-charts_v0.0.0-nightly-20251017-2337.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-button to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-overflow to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-popover to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20251016-0409.1 ([commit](https://github.com/microsoft/fluentui/commit/984d05f9c4e8ecf2d51da6183d63a0120bf0a94d) by beachball)
+- Bump @fluentui/react-button to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-overflow to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-popover to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20251017-2337.1 ([commit](https://github.com/microsoft/fluentui/commit/af8451522711c0f14434675cb846501aa5f5671e) by beachball)
 
 ## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.3.2)
 

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -412,24 +412,20 @@ export const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, col
     var _input_data_, _input_layout, _input_layout1, _input_layout2, _vsbcData_;
     const mapXToDataPoints = {};
     let yMaxValue = 0;
+    let yMinValue = 0;
     const secondaryYAxisValues = getSecondaryYAxisValues(input.data, input.layout);
     const { legends, hideLegend } = getLegendProps(input.data, input.layout, isMultiPlot);
     let colorScale = undefined;
     const yAxisTickFormat = getYAxisTickFormat(input.data[0], input.layout);
-    let yMinValue = 0;
+    const resolveXAxisValue = getAxisValueResolver(input.data, input.layout, 'x');
     input.data.forEach((series, index1)=>{
         var _input_layout_template_layout, _input_layout_template, _input_layout, _series_marker, _input_layout_template_layout1, _input_layout_template1, _input_layout1, _series_line;
         colorScale = createColorScale(input.layout, series, colorScale);
-        const isXYearCategory = isYearArray(series.x); // Consider year as categorical not numeric continuous axis
         // extract bar colors for each series only once
         const extractedBarColors = extractColor((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color, colorMap, isDarkTheme);
         // extract line colors for each series only once
         const extractedLineColors = extractColor((_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template1 = _input_layout1.template) === null || _input_layout_template1 === void 0 ? void 0 : (_input_layout_template_layout1 = _input_layout_template1.layout) === null || _input_layout_template_layout1 === void 0 ? void 0 : _input_layout_template_layout1.colorway, colorwayType, (_series_line = series.line) === null || _series_line === void 0 ? void 0 : _series_line.color, colorMap, isDarkTheme);
-        const xValues = series.x;
-        const isXDate = isDateArray(xValues);
-        const isXString = isStringArray(xValues);
-        const isXNumber = isNumberArray(xValues);
-        const validXYRanges = getValidXYRanges(series);
+        const validXYRanges = getValidXYRanges(series, resolveXAxisValue);
         validXYRanges.forEach(([rangeStart, rangeEnd], rangeIdx)=>{
             const rangeXValues = series.x.slice(rangeStart, rangeEnd);
             const rangeYValues = series.y.slice(rangeStart, rangeEnd);
@@ -437,7 +433,7 @@ export const transformPlotlyJsonToVSBCProps = (input, isMultiPlot, colorMap, col
                 var _series_marker, _series_marker1, _series_marker_color, _series_marker2, _input_layout_template_layout, _input_layout_template, _input_layout;
                 if (!mapXToDataPoints[x]) {
                     mapXToDataPoints[x] = {
-                        xAxisPoint: resolveXAxisPoint(x, isXYearCategory, isXString, isXDate, isXNumber),
+                        xAxisPoint: resolveXAxisValue(x),
                         chartData: [],
                         lineData: []
                     };
@@ -706,8 +702,9 @@ export const transformPlotlyJsonToVBCProps = (input, isMultiPlot, colorMap, colo
         const xValues = [];
         const yValues = [];
         series.x.forEach((xVal, index)=>{
-            const yVal = getNumberAtIndexOrDefault(series.y, index);
-            if (isInvalidValue(xVal) || isInvalidValue(yVal)) {
+            var _getNumberAtIndexOrDefault;
+            const yVal = (_getNumberAtIndexOrDefault = getNumberAtIndexOrDefault(series.y, index)) !== null && _getNumberAtIndexOrDefault !== void 0 ? _getNumberAtIndexOrDefault : 0;
+            if (isInvalidValue(xVal)) {
                 return;
             }
             xValues.push(xVal);
@@ -794,18 +791,14 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
     let mode = 'tonexty';
     const { legends, hideLegend } = getLegendProps(input.data, input.layout, isMultiPlot);
     const yAxisTickFormat = getYAxisTickFormat(input.data[0], input.layout);
-    var shouldWrapLabels = false;
+    const resolveXAxisValue = getAxisValueResolver(input.data, input.layout, 'x');
+    const shouldWrapLabels = getAxisType(input.data, input.layout, 'x') === 'category';
     const chartData = input.data.map((series, index)=>{
         var _series_mode, _series_line, _series_marker, _series_line1, _input_layout_template_layout, _input_layout_template, _input_layout, _input_layout_template_layout1, _input_layout_template1, _input_layout1, _series_mode1;
         const colors = isScatterMarkers ? (series === null || series === void 0 ? void 0 : (_series_mode = series.mode) === null || _series_mode === void 0 ? void 0 : _series_mode.includes('line')) ? (_series_line = series.line) === null || _series_line === void 0 ? void 0 : _series_line.color : (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color : (_series_line1 = series.line) === null || _series_line1 === void 0 ? void 0 : _series_line1.color;
         // extract colors for each series only once
         const extractedColors = extractColor((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, colors, colorMap, isDarkTheme);
         const xValues = series.x;
-        const isXString = isStringArray(xValues);
-        const isXDate = isDateArray(xValues);
-        const isXNumber = isNumberArray(xValues);
-        const isXYearCategory = isYearArray(series.x); // Consider year as categorical not numeric continuous axis
-        shouldWrapLabels = shouldWrapLabels || isXString && !isXDate;
         const legend = legends[index];
         // resolve color for each legend's lines from the extracted colors
         const seriesColor = resolveColor(extractedColors, index, legend, colorMap, (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_template1 = _input_layout1.template) === null || _input_layout_template1 === void 0 ? void 0 : (_input_layout_template_layout1 = _input_layout_template1.layout) === null || _input_layout_template_layout1 === void 0 ? void 0 : _input_layout_template_layout1.colorway, isDarkTheme);
@@ -814,7 +807,7 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
         // if mode contains 'text', we prioritize showing the text over curving the line
         const lineOptions = !((_series_mode1 = series.mode) === null || _series_mode1 === void 0 ? void 0 : _series_mode1.includes('text')) && series.type !== 'scatterpolar' ? getLineOptions(series.line) : undefined;
         const legendShape = getLegendShape(series);
-        const validXYRanges = getValidXYRanges(series);
+        const validXYRanges = getValidXYRanges(series, resolveXAxisValue);
         return validXYRanges.map(([rangeStart, rangeEnd], rangeIdx)=>{
             var _series_marker, _series_marker1, _series_marker2, _input_layout, _input_layout_polar_angularaxis, _input_layout_polar, _input_layout1, _input_layout_polar_angularaxis1, _input_layout_polar1, _input_layout2;
             const rangeXValues = xValues.slice(rangeStart, rangeEnd);
@@ -829,7 +822,7 @@ const transformPlotlyJsonToScatterTraceProps = (input, isMultiPlot, chartType, c
                 data: rangeXValues.map((x, i)=>{
                     var _series_marker, _series_marker1;
                     return {
-                        x: resolveXAxisPoint(x, isXYearCategory, isXString, isXDate, isXNumber),
+                        x: resolveXAxisValue(x),
                         y: rangeYValues[i],
                         ...Array.isArray((_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.size) ? {
                             markerSize: markerSizes[i]
@@ -950,8 +943,8 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (input, isMultiPl
         const extractedColors = extractColor((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color, colorMap, isDarkTheme);
         const legend = legends[index];
         return series.y.map((yValue, i)=>{
-            var _series_x, _series_marker, _series_marker1, _series_marker_color, _series_marker2, _input_layout_template_layout, _input_layout_template, _input_layout;
-            if (isInvalidValue((_series_x = series.x) === null || _series_x === void 0 ? void 0 : _series_x[i]) || isInvalidValue(yValue)) {
+            var _series_marker, _series_marker1, _series_marker_color, _series_marker2, _input_layout_template_layout, _input_layout_template, _input_layout, _series_x;
+            if (isInvalidValue(yValue)) {
                 return null;
             }
             // resolve color for each legend's bars from the colorscale or extracted colors
@@ -959,7 +952,7 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (input, isMultiPl
             const opacity = getOpacity(series, i);
             var _rgb_copy_formatHex8;
             return {
-                x: series.x[i],
+                x: isInvalidValue((_series_x = series.x) === null || _series_x === void 0 ? void 0 : _series_x[i]) ? 0 : series.x[i],
                 y: yValue,
                 legend,
                 color: (_rgb_copy_formatHex8 = rgb(color).copy({
@@ -1001,13 +994,13 @@ export const transformPlotlyJsonToGanttChartProps = (input, isMultiPlot, colorMa
     var _input_layout, _input_layout1;
     const { legends, hideLegend } = getLegendProps(input.data, input.layout, isMultiPlot);
     let colorScale = undefined;
+    const isXDate = getAxisType(input.data, input.layout, 'x') === 'date';
     const chartData = input.data.map((series, index)=>{
-        var _input_layout_template_layout, _input_layout_template, _input_layout, _series_marker, _input_layout_xaxis, _input_layout1;
+        var _input_layout_template_layout, _input_layout_template, _input_layout, _series_marker;
         colorScale = createColorScale(input.layout, series, colorScale);
         // extract colors for each series only once
         const extractedColors = extractColor((_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : (_input_layout_template = _input_layout.template) === null || _input_layout_template === void 0 ? void 0 : (_input_layout_template_layout = _input_layout_template.layout) === null || _input_layout_template_layout === void 0 ? void 0 : _input_layout_template_layout.colorway, colorwayType, (_series_marker = series.marker) === null || _series_marker === void 0 ? void 0 : _series_marker.color, colorMap, isDarkTheme);
         const legend = legends[index];
-        const isXDate = ((_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : (_input_layout_xaxis = _input_layout1.xaxis) === null || _input_layout_xaxis === void 0 ? void 0 : _input_layout_xaxis.type) === 'date' || isDateArray(series.x);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const convertXValueToNumber = (value)=>{
             return isInvalidValue(value) ? 0 : isXDate ? +parseLocalDate(value) : +value;
@@ -1067,8 +1060,9 @@ export const transformPlotlyJsonToHeatmapProps = (input, isMultiPlot, colorMap,
         const zValues = [];
         (_firstData_x = firstData.x) === null || _firstData_x === void 0 ? void 0 : _firstData_x.forEach((xVal, index)=>{
             var _firstData_y;
-            const zVal = getNumberAtIndexOrDefault(firstData.z, index);
-            if (isInvalidValue(xVal) || isInvalidValue((_firstData_y = firstData.y) === null || _firstData_y === void 0 ? void 0 : _firstData_y[index]) || isInvalidValue(zVal)) {
+            var _getNumberAtIndexOrDefault;
+            const zVal = (_getNumberAtIndexOrDefault = getNumberAtIndexOrDefault(firstData.z, index)) !== null && _getNumberAtIndexOrDefault !== void 0 ? _getNumberAtIndexOrDefault : 0;
+            if (isInvalidValue(xVal) || isInvalidValue((_firstData_y = firstData.y) === null || _firstData_y === void 0 ? void 0 : _firstData_y[index])) {
                 return;
             }
             xValues.push(xVal);
@@ -1989,7 +1983,7 @@ export const getNumberAtIndexOrDefault = (data, index)=>{
     }
     return 1;
 };
-export const getValidXYRanges = (series)=>{
+export const getValidXYRanges = (series, resolveX, resolveY)=>{
     if (!isArrayOrTypedArray(series.x) || !isArrayOrTypedArray(series.y)) {
         return [];
     }
@@ -1997,7 +1991,7 @@ export const getValidXYRanges = (series)=>{
     let start = 0;
     let end = 0;
     for(; end < series.x.length; end++){
-        if (isInvalidValue(series.x[end]) || isInvalidValue(series.y[end])) {
+        if (isInvalidValue(series.x[end]) || typeof resolveX === 'function' && isInvalidValue(resolveX(series.x[end])) || isInvalidValue(series.y[end]) || typeof resolveY === 'function' && isInvalidValue(resolveY(series.y[end]))) {
             if (end - start > 0) {
                 ranges.push([
                     start,
@@ -2285,7 +2279,7 @@ const getAxisScaleTypeProps = (data, layout)=>{
         if (!ax) {
             return;
         }
-        const axType = getAxisType(data, axId[0], ax);
+        const axType = getAxisType(data, ax);
         if ((!ax.tickmode || ax.tickmode === 'array') && isArrayOrTypedArray(ax.tickvals)) {
             const tickValues = axType === 'date' ? ax.tickvals.map((v)=>new Date(v)) : ax.tickvals;
             if (axId === 'x') {
@@ -2301,12 +2295,12 @@ const getAxisScaleTypeProps = (data, layout)=>{
             if (axId === 'x') {
                 props.xAxis = {
                     tickStep: dtick,
-                    tick0: tick0
+                    tick0
                 };
             } else if (axId === 'y') {
                 props.yAxis = {
                     tickStep: dtick,
-                    tick0: tick0
+                    tick0
                 };
             }
             return;
@@ -2383,44 +2377,88 @@ const getAxisObjects = (data, layout)=>{
         xAxisId = axisIds.x;
         yAxisIds.add(axisIds.y);
     });
+    const makeAxisObject = (axLetter, axId)=>({
+            ...layout === null || layout === void 0 ? void 0 : layout[getAxisKey(axLetter, axId)],
+            _id: `${axLetter}${axId > 1 ? axId : ''}`
+        });
     const axisObjects = {};
     if (typeof xAxisId === 'number') {
-        axisObjects.x = layout === null || layout === void 0 ? void 0 : layout[getAxisKey('x', xAxisId)];
+        axisObjects.x = makeAxisObject('x', xAxisId);
     }
     const sortedYAxisIds = Array.from(yAxisIds).sort();
     if (sortedYAxisIds.length > 0) {
-        axisObjects.y = layout === null || layout === void 0 ? void 0 : layout[getAxisKey('y', sortedYAxisIds[0])];
+        axisObjects.y = makeAxisObject('y', sortedYAxisIds[0]);
     }
     if (sortedYAxisIds.length > 1) {
-        axisObjects.y2 = layout === null || layout === void 0 ? void 0 : layout[getAxisKey('y', sortedYAxisIds[1])];
+        axisObjects.y2 = makeAxisObject('y', sortedYAxisIds[1]);
     }
     return axisObjects;
 };
-const getAxisType = (data, axLetter, ax)=>{
+function getAxisType(data, arg2, arg3) {
+    let ax;
+    if (arg2 && typeof arg2 === 'object' && '_id' in arg2) {
+        ax = arg2;
+    } else if (typeof arg3 === 'string') {
+        const layout = arg2;
+        ax = getAxisObjects(data, layout)[arg3];
+    }
+    if (!ax) {
+        return 'category';
+    }
+    var _ax_type;
+    if ([
+        'linear',
+        'log',
+        'date',
+        'category'
+    ].includes((_ax_type = ax.type) !== null && _ax_type !== void 0 ? _ax_type : '')) {
+        return ax.type;
+    }
+    const axLetter = ax._id[0];
     const values = [];
     data.forEach((series)=>{
-        var _series_axLetter;
-        (_series_axLetter = series[axLetter]) === null || _series_axLetter === void 0 ? void 0 : _series_axLetter.forEach((val)=>{
-            if (!isInvalidValue(val)) {
-                values.push(val);
-            }
-        });
-    });
-    // Note: When ax.type is explicitly specified, Plotly casts the values to match that type.
-    // Therefore, simply checking the type of the values may not be sufficient. At the moment,
-    // we don’t always perform this casting ourselves and instead use the values as provided.
-    if (isNumberArray(values)) {
-        if ((ax === null || ax === void 0 ? void 0 : ax.type) === 'log') {
-            return 'log';
+        const axId = series[`${axLetter}axis`];
+        if (axId === ax._id || !axId && ax._id === axLetter) {
+            var _series_axLetter;
+            (_series_axLetter = series[axLetter]) === null || _series_axLetter === void 0 ? void 0 : _series_axLetter.forEach((val)=>{
+                if (!isInvalidValue(val)) {
+                    values.push(val);
+                }
+            });
         }
+    });
+    if (isNumberArray(values) && !isYearArray(values)) {
         return 'linear';
     }
     if (isDateArray(values)) {
         return 'date';
     }
-    if (isStringArray(values)) {
-        return 'category';
-    }
+    return 'category';
+}
+const getAxisValueResolver = (data, layout, axisId)=>{
+    const axType = getAxisType(data, layout, axisId);
+    return (value)=>{
+        if (isInvalidValue(value)) {
+            return null;
+        }
+        switch(axType){
+            case 'linear':
+            case 'log':
+                return isNumber(value) ? +value : null;
+            case 'date':
+                if (isNumber(value)) {
+                    return new Date(+value);
+                }
+                if (typeof value === 'string') {
+                    return new Date(value);
+                }
+                return null;
+            case 'category':
+                return `${value}`;
+            default:
+                return null;
+        }
+    };
 };
 /**
  * This is experimental. Use it only with valid datetime strings to verify if they conform to the ISO 8601 format.