@visactor/vchart 2.1.3 → 2.1.4-alpha.0

package/build/index.es.js

@@ -11469,6 +11469,24 @@ const getFunnelTheme = (is3d) => {
                 fill: { type: 'palette', key: 'secondaryFontColor' },
                 textBaseline: 'middle'
             }
+        },
+        conversionArrow: {
+            line: {
+                style: {
+                    stroke: 'black'
+                }
+            },
+            symbol: {
+                style: {
+                    fill: 'black'
+                }
+            },
+            text: {
+                style: {
+                    fontSize: 12,
+                    fill: '#606773'
+                }
+            }
         }
     };
     res[is3d ? 'transform3d' : 'transform'] = {
@@ -11647,27 +11665,27 @@ function specTransform(spec, special = {
     }
     return spec;
 }
-function functionTransform(spec, VChart) {
-    if (!spec) {
-        return spec;
+function functionTransform(value, registry) {
+    var _a;
+    if (!value) {
+        return value;
+    }
+    if (isString$1(value)) {
+        return (_a = registry.getFunction(value)) !== null && _a !== void 0 ? _a : value;
     }
-    if (isPlainObject$1(spec)) {
+    if (isPlainObject$1(value)) {
         const result = {};
-        for (const key in spec) {
-            if (Object.prototype.hasOwnProperty.call(spec, key)) {
-                if (isString$1(spec[key]) && VChart.getFunction(spec[key])) {
-                    result[key] = VChart.getFunction(spec[key]);
-                    continue;
-                }
-                result[key] = functionTransform(spec[key], VChart);
+        for (const key in value) {
+            if (Object.prototype.hasOwnProperty.call(value, key)) {
+                result[key] = functionTransform(value[key], registry);
             }
         }
         return result;
     }
-    if (isArray$1(spec)) {
-        return spec.map((s) => functionTransform(s, VChart));
+    if (isArray$1(value)) {
+        return value.map(item => functionTransform(item, registry));
     }
-    return spec;
+    return value;
 }
 function transformFunctionAttribute(att, ...args) {
     if (isFunction$1(att)) {
@@ -19425,6 +19443,7 @@ class VChart {
             }
             let theme = this._currentTheme;
             keys.forEach((key, index) => {
+                var _a;
                 if (index === 1 && (keys[0] === 'series' || keys[0] === 'component')) {
                     const buildInTheme = keys[0] === 'series' ? Factory.getSeriesBuiltInTheme(key) : Factory.getComponentBuiltInTheme(key);
                     theme = theme ? mergeSpec({}, buildInTheme, theme[key]) : buildInTheme;
@@ -19436,6 +19455,9 @@ class VChart {
                     theme = preprocessTheme({
                         [key]: theme
                     }, this._currentTheme.colorScheme, this._currentTheme.token)[key];
+                    if ((_a = this.getFunctionList()) === null || _a === void 0 ? void 0 : _a.length) {
+                        theme = functionTransform(theme, this);
+                    }
                 }
             });
             this._cachedProcessedTheme[cacheKey] = theme;
@@ -19507,7 +19529,7 @@ class VChart {
         this._compiler.updateLayoutTag();
         this._setFontFamilyTheme(this.getTheme('fontFamily'));
         this._initDataSet(this._option.dataSet);
-        this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
+        this._autoSize = isTrueBrowseEnv ? ((_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true) : false;
         this._bindResizeEvent();
         this._bindViewEvent();
         this._initChartPlugin();
@@ -20194,7 +20216,7 @@ class VChart {
             resize = true;
         }
         const lasAutoSize = this._autoSize;
-        this._autoSize = isTrueBrowser(this._option.mode) ? (_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true : false;
+        this._autoSize = isTrueBrowser(this._option.mode) ? ((_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true) : false;
         if (this._autoSize !== lasAutoSize) {
             resize = true;
         }
@@ -25298,6 +25320,9 @@ class ComponentMark extends BaseMark {
         }
         else {
             this._component.setAttributes(attrs);
+            if (this._product && this._component.parent !== this._product) {
+                this._product.appendChild(this._component);
+            }
         }
         if (this._component) {
             this._component.context = this._getCommonContext();
@@ -26023,6 +26048,9 @@ class CartesianAxis extends AxisComponent {
                 });
             }
         };
+        this._clearContinuousBarBandwidthCache = () => {
+            this._continuousBarBandwidthCache = undefined;
+        };
         this._transformLayoutPosition = (pos) => {
             let { x, y } = pos;
             if (isValidNumber$1(x)) {
@@ -26313,16 +26341,99 @@ class CartesianAxis extends AxisComponent {
         const getScale = (depth = 0) => {
             return this._scales[depth];
         };
+        const getBandwidth = (depth = 0) => {
+            return this._getContinuousBarBandwidth(depth);
+        };
         return {
             isContinuous: isContinuous(this._scale.type),
             dataToPosition: this.dataToPosition.bind(this),
             getScale,
+            getBandwidth,
             getAxisType: () => this.type,
             getAxisId: () => this.id,
             isInverse: () => this._inverse === true,
             getSpec: () => this._spec
         };
     }
+    _getContinuousBarBandwidth(depth = 0) {
+        if (depth !== 0 || !isContinuous(this._scale.type)) {
+            return undefined;
+        }
+        const scale = this._scales[0];
+        const domain = scale.domain();
+        const range = scale.range();
+        const domainStart = +(domain === null || domain === void 0 ? void 0 : domain[0]);
+        const domainEnd = +(domain === null || domain === void 0 ? void 0 : domain[domain.length - 1]);
+        const rangeStart = +(range === null || range === void 0 ? void 0 : range[0]);
+        const rangeEnd = +(range === null || range === void 0 ? void 0 : range[range.length - 1]);
+        if (!Number.isFinite(domainStart) ||
+            !Number.isFinite(domainEnd) ||
+            !Number.isFinite(rangeStart) ||
+            !Number.isFinite(rangeEnd) ||
+            domainStart === domainEnd) {
+            return undefined;
+        }
+        const cache = this._continuousBarBandwidthCache;
+        if (cache &&
+            cache.scale === scale &&
+            cache.domainStart === domainStart &&
+            cache.domainEnd === domainEnd &&
+            cache.rangeStart === rangeStart &&
+            cache.rangeEnd === rangeEnd) {
+            return cache.bandWidth;
+        }
+        const valueSet = new Set();
+        const orient = this.getOrient();
+        eachSeries(this._regions, s => {
+            var _a, _b, _c, _d;
+            if (s.type !== SeriesTypeEnum.bar) {
+                return;
+            }
+            const barSeries = s;
+            const field = isXAxis(orient) && barSeries.direction === "vertical"
+                ? barSeries.fieldX[0]
+                : isYAxis(orient) && barSeries.direction === "horizontal"
+                    ? barSeries.fieldY[0]
+                    : undefined;
+            const values = (field ? (_d = (_c = (_b = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c[field]) === null || _d === void 0 ? void 0 : _d.values : undefined);
+            values === null || values === void 0 ? void 0 : values.forEach(value => {
+                const numericValue = +value;
+                if (Number.isFinite(numericValue)) {
+                    valueSet.add(numericValue);
+                }
+            });
+        }, {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
+        const values = Array.from(valueSet).sort((a, b) => a - b);
+        if (values.length < 2) {
+            return undefined;
+        }
+        let minStep = Infinity;
+        let lastValue = values[0];
+        for (let i = 1; i < values.length; i++) {
+            const value = values[i];
+            const step = value - lastValue;
+            if (step > 0 && step < minStep) {
+                minStep = step;
+            }
+            lastValue = value;
+        }
+        const bandWidth = minStep < Infinity ? Math.abs(((rangeEnd - rangeStart) / (domainEnd - domainStart)) * minStep) : undefined;
+        if (!Number.isFinite(bandWidth)) {
+            return undefined;
+        }
+        this._continuousBarBandwidthCache = {
+            scale,
+            domainStart,
+            domainEnd,
+            rangeStart,
+            rangeEnd,
+            bandWidth
+        };
+        return bandWidth;
+    }
     afterCompile() {
         var _a;
         const product = (_a = this._axisMark) === null || _a === void 0 ? void 0 : _a.getProduct();
@@ -26584,6 +26695,13 @@ class CartesianAxis extends AxisComponent {
     }
     initEvent() {
         super.initEvent();
+        eachSeries(this._regions, s => {
+            var _a, _b;
+            (_b = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s)) === null || _b === void 0 ? void 0 : _b.target.addListener('change', this._clearContinuousBarBandwidthCache);
+        }, {
+            userId: this._seriesUserId,
+            specIndex: this._seriesIndex
+        });
         if (this._specVisible) {
             this.event.on(ChartEvent.layoutEnd, this._updateAxisLayout);
             this.event.on(ChartEvent.layoutEnd, this._fixAxisOnZero);
@@ -32502,6 +32620,27 @@ class BarSeries extends CartesianSeries {
         const policy = super._getSpecUpdatePolicy();
         return Object.assign(Object.assign({}, policy), { compileOnlyKeys: Object.assign(Object.assign({}, policy.compileOnlyKeys), BAR_SERIES_COMPILE_ONLY_KEYS) });
     }
+    getStatisticFields() {
+        var _a;
+        const fields = super.getStatisticFields();
+        const positionAxisHelper = this.direction === "horizontal" ? this.getYAxisHelper() : this.getXAxisHelper();
+        const positionFields = this.direction === "horizontal" ? this._fieldY : this._fieldX;
+        const positionScale = (_a = positionAxisHelper === null || positionAxisHelper === void 0 ? void 0 : positionAxisHelper.getScale) === null || _a === void 0 ? void 0 : _a.call(positionAxisHelper, 0);
+        if (positionScale && isContinuous(positionScale.type)) {
+            positionFields.forEach(field => {
+                const fieldStatistics = fields.find(entry => entry.key === field);
+                if (fieldStatistics) {
+                    if (!fieldStatistics.operations.includes('values')) {
+                        fieldStatistics.operations.push('values');
+                    }
+                }
+                else {
+                    fields.push({ key: field, operations: ['values'] });
+                }
+            });
+        }
+        return fields;
+    }
     initMark() {
         this._initBarBackgroundMark();
         this._barMark = this._createMark(Object.assign(Object.assign({}, BarSeries.mark.bar), { name: this._barMarkName, type: this._barMarkType }), {
@@ -32938,14 +33077,19 @@ class BarSeries extends CartesianSeries {
         this._barMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('bar')) === null || _b === void 0 ? void 0 : _b(barAnimationParams, appearPreset), userAnimationConfig(this._barMarkName, this._spec, this._markAttributeContext), animationParams));
     }
     _getBarWidth(axisHelper, scaleDepth) {
-        var _a, _b;
+        var _a;
         const depthFromSpec = this._groups ? this._groups.fields.length : 1;
         const depth = isNil$1(scaleDepth) ? depthFromSpec : Math.min(depthFromSpec, scaleDepth);
-        const bandWidth = (_b = (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1)) !== null && _b !== void 0 ? _b : DefaultBandWidth$2;
         const hasBarWidth = isValid$1(this._spec.barWidth) && depth === depthFromSpec;
+        const useFixedWidth = hasBarWidth &&
+            typeof this._spec.barWidth === 'number' &&
+            typeof this._spec.barMinWidth !== 'string' &&
+            typeof this._spec.barMaxWidth !== 'string';
+        const axisBandWidth = useFixedWidth ? undefined : (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1);
+        const bandWidth = axisBandWidth !== null && axisBandWidth !== void 0 ? axisBandWidth : DefaultBandWidth$2;
         const hasBarMinWidth = isValid$1(this._spec.barMinWidth);
         const hasBarMaxWidth = isValid$1(this._spec.barMaxWidth);
-        let width = bandWidth;
+        let width = axisHelper.isContinuous && !isNil$1(axisBandWidth) && !hasBarWidth ? bandWidth * 0.5 : bandWidth;
         if (hasBarWidth) {
             width = getActualNumValue(this._spec.barWidth, bandWidth);
         }
@@ -32958,7 +33102,7 @@ class BarSeries extends CartesianSeries {
         return width;
     }
     _getPosition(direction, datum, scaleDepth, mark) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         let axisHelper;
         let sizeAttribute;
         let dataToPosition;
@@ -33003,7 +33147,7 @@ class BarSeries extends CartesianSeries {
                     totalWidth += totalWidth + (groupCount - 1) * gap;
                 }
             }
-            const center = scale.scale(datum[groupFields[0]]) + axisHelper.getBandwidth(0) / 2;
+            const center = scale.scale(datum[groupFields[0]]) + ((_f = axisHelper.getBandwidth(0)) !== null && _f !== void 0 ? _f : bandWidth) / 2;
             return center - totalWidth / 2 + offSet;
         }
         const continuous = isContinuous(scale.type || 'band');

package/build/index.js

@@ -33729,6 +33729,24 @@
                     fill: { type: 'palette', key: 'secondaryFontColor' },
                     textBaseline: 'middle'
                 }
+            },
+            conversionArrow: {
+                line: {
+                    style: {
+                        stroke: 'black'
+                    }
+                },
+                symbol: {
+                    style: {
+                        fill: 'black'
+                    }
+                },
+                text: {
+                    style: {
+                        fontSize: 12,
+                        fill: '#606773'
+                    }
+                }
             }
         };
         res[is3d ? 'transform3d' : 'transform'] = {
@@ -33907,27 +33925,27 @@
         }
         return spec;
     }
-    function functionTransform(spec, VChart) {
-        if (!spec) {
-            return spec;
+    function functionTransform(value, registry) {
+        var _a;
+        if (!value) {
+            return value;
+        }
+        if (isString$1(value)) {
+            return (_a = registry.getFunction(value)) !== null && _a !== void 0 ? _a : value;
         }
-        if (isPlainObject$3(spec)) {
+        if (isPlainObject$3(value)) {
             const result = {};
-            for (const key in spec) {
-                if (Object.prototype.hasOwnProperty.call(spec, key)) {
-                    if (isString$1(spec[key]) && VChart.getFunction(spec[key])) {
-                        result[key] = VChart.getFunction(spec[key]);
-                        continue;
-                    }
-                    result[key] = functionTransform(spec[key], VChart);
+            for (const key in value) {
+                if (Object.prototype.hasOwnProperty.call(value, key)) {
+                    result[key] = functionTransform(value[key], registry);
                 }
             }
             return result;
         }
-        if (isArray$1(spec)) {
-            return spec.map((s) => functionTransform(s, VChart));
+        if (isArray$1(value)) {
+            return value.map(item => functionTransform(item, registry));
         }
-        return spec;
+        return value;
     }
     function transformFunctionAttribute(att, ...args) {
         if (isFunction$1(att)) {
@@ -47815,6 +47833,7 @@
                 }
                 let theme = this._currentTheme;
                 keys.forEach((key, index) => {
+                    var _a;
                     if (index === 1 && (keys[0] === 'series' || keys[0] === 'component')) {
                         const buildInTheme = keys[0] === 'series' ? Factory.getSeriesBuiltInTheme(key) : Factory.getComponentBuiltInTheme(key);
                         theme = theme ? mergeSpec({}, buildInTheme, theme[key]) : buildInTheme;
@@ -47826,6 +47845,9 @@
                         theme = preprocessTheme({
                             [key]: theme
                         }, this._currentTheme.colorScheme, this._currentTheme.token)[key];
+                        if ((_a = this.getFunctionList()) === null || _a === void 0 ? void 0 : _a.length) {
+                            theme = functionTransform(theme, this);
+                        }
                     }
                 });
                 this._cachedProcessedTheme[cacheKey] = theme;
@@ -47897,7 +47919,7 @@
             this._compiler.updateLayoutTag();
             this._setFontFamilyTheme(this.getTheme('fontFamily'));
             this._initDataSet(this._option.dataSet);
-            this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
+            this._autoSize = isTrueBrowseEnv ? ((_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true) : false;
             this._bindResizeEvent();
             this._bindViewEvent();
             this._initChartPlugin();
@@ -48584,7 +48606,7 @@
                 resize = true;
             }
             const lasAutoSize = this._autoSize;
-            this._autoSize = isTrueBrowser(this._option.mode) ? (_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true : false;
+            this._autoSize = isTrueBrowser(this._option.mode) ? ((_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true) : false;
             if (this._autoSize !== lasAutoSize) {
                 resize = true;
             }
@@ -55722,6 +55744,9 @@
             }
             else {
                 this._component.setAttributes(attrs);
+                if (this._product && this._component.parent !== this._product) {
+                    this._product.appendChild(this._component);
+                }
             }
             if (this._component) {
                 this._component.context = this._getCommonContext();
@@ -56463,6 +56488,9 @@
                     });
                 }
             };
+            this._clearContinuousBarBandwidthCache = () => {
+                this._continuousBarBandwidthCache = undefined;
+            };
             this._transformLayoutPosition = (pos) => {
                 let { x, y } = pos;
                 if (isValidNumber$1(x)) {
@@ -56753,16 +56781,99 @@
             const getScale = (depth = 0) => {
                 return this._scales[depth];
             };
+            const getBandwidth = (depth = 0) => {
+                return this._getContinuousBarBandwidth(depth);
+            };
             return {
                 isContinuous: isContinuous(this._scale.type),
                 dataToPosition: this.dataToPosition.bind(this),
                 getScale,
+                getBandwidth,
                 getAxisType: () => this.type,
                 getAxisId: () => this.id,
                 isInverse: () => this._inverse === true,
                 getSpec: () => this._spec
             };
         }
+        _getContinuousBarBandwidth(depth = 0) {
+            if (depth !== 0 || !isContinuous(this._scale.type)) {
+                return undefined;
+            }
+            const scale = this._scales[0];
+            const domain = scale.domain();
+            const range = scale.range();
+            const domainStart = +(domain === null || domain === void 0 ? void 0 : domain[0]);
+            const domainEnd = +(domain === null || domain === void 0 ? void 0 : domain[domain.length - 1]);
+            const rangeStart = +(range === null || range === void 0 ? void 0 : range[0]);
+            const rangeEnd = +(range === null || range === void 0 ? void 0 : range[range.length - 1]);
+            if (!Number.isFinite(domainStart) ||
+                !Number.isFinite(domainEnd) ||
+                !Number.isFinite(rangeStart) ||
+                !Number.isFinite(rangeEnd) ||
+                domainStart === domainEnd) {
+                return undefined;
+            }
+            const cache = this._continuousBarBandwidthCache;
+            if (cache &&
+                cache.scale === scale &&
+                cache.domainStart === domainStart &&
+                cache.domainEnd === domainEnd &&
+                cache.rangeStart === rangeStart &&
+                cache.rangeEnd === rangeEnd) {
+                return cache.bandWidth;
+            }
+            const valueSet = new Set();
+            const orient = this.getOrient();
+            eachSeries(this._regions, s => {
+                var _a, _b, _c, _d;
+                if (s.type !== exports.SeriesTypeEnum.bar) {
+                    return;
+                }
+                const barSeries = s;
+                const field = isXAxis(orient) && barSeries.direction === "vertical"
+                    ? barSeries.fieldX[0]
+                    : isYAxis(orient) && barSeries.direction === "horizontal"
+                        ? barSeries.fieldY[0]
+                        : undefined;
+                const values = (field ? (_d = (_c = (_b = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c[field]) === null || _d === void 0 ? void 0 : _d.values : undefined);
+                values === null || values === void 0 ? void 0 : values.forEach(value => {
+                    const numericValue = +value;
+                    if (Number.isFinite(numericValue)) {
+                        valueSet.add(numericValue);
+                    }
+                });
+            }, {
+                userId: this._seriesUserId,
+                specIndex: this._seriesIndex
+            });
+            const values = Array.from(valueSet).sort((a, b) => a - b);
+            if (values.length < 2) {
+                return undefined;
+            }
+            let minStep = Infinity;
+            let lastValue = values[0];
+            for (let i = 1; i < values.length; i++) {
+                const value = values[i];
+                const step = value - lastValue;
+                if (step > 0 && step < minStep) {
+                    minStep = step;
+                }
+                lastValue = value;
+            }
+            const bandWidth = minStep < Infinity ? Math.abs(((rangeEnd - rangeStart) / (domainEnd - domainStart)) * minStep) : undefined;
+            if (!Number.isFinite(bandWidth)) {
+                return undefined;
+            }
+            this._continuousBarBandwidthCache = {
+                scale,
+                domainStart,
+                domainEnd,
+                rangeStart,
+                rangeEnd,
+                bandWidth
+            };
+            return bandWidth;
+        }
         afterCompile() {
             var _a;
             const product = (_a = this._axisMark) === null || _a === void 0 ? void 0 : _a.getProduct();
@@ -57024,6 +57135,13 @@
         }
         initEvent() {
             super.initEvent();
+            eachSeries(this._regions, s => {
+                var _a, _b;
+                (_b = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s)) === null || _b === void 0 ? void 0 : _b.target.addListener('change', this._clearContinuousBarBandwidthCache);
+            }, {
+                userId: this._seriesUserId,
+                specIndex: this._seriesIndex
+            });
             if (this._specVisible) {
                 this.event.on(exports.ChartEvent.layoutEnd, this._updateAxisLayout);
                 this.event.on(exports.ChartEvent.layoutEnd, this._fixAxisOnZero);
@@ -74351,6 +74469,27 @@
             const policy = super._getSpecUpdatePolicy();
             return Object.assign(Object.assign({}, policy), { compileOnlyKeys: Object.assign(Object.assign({}, policy.compileOnlyKeys), BAR_SERIES_COMPILE_ONLY_KEYS) });
         }
+        getStatisticFields() {
+            var _a;
+            const fields = super.getStatisticFields();
+            const positionAxisHelper = this.direction === "horizontal" ? this.getYAxisHelper() : this.getXAxisHelper();
+            const positionFields = this.direction === "horizontal" ? this._fieldY : this._fieldX;
+            const positionScale = (_a = positionAxisHelper === null || positionAxisHelper === void 0 ? void 0 : positionAxisHelper.getScale) === null || _a === void 0 ? void 0 : _a.call(positionAxisHelper, 0);
+            if (positionScale && isContinuous(positionScale.type)) {
+                positionFields.forEach(field => {
+                    const fieldStatistics = fields.find(entry => entry.key === field);
+                    if (fieldStatistics) {
+                        if (!fieldStatistics.operations.includes('values')) {
+                            fieldStatistics.operations.push('values');
+                        }
+                    }
+                    else {
+                        fields.push({ key: field, operations: ['values'] });
+                    }
+                });
+            }
+            return fields;
+        }
         initMark() {
             this._initBarBackgroundMark();
             this._barMark = this._createMark(Object.assign(Object.assign({}, BarSeries.mark.bar), { name: this._barMarkName, type: this._barMarkType }), {
@@ -74787,14 +74926,19 @@
             this._barMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('bar')) === null || _b === void 0 ? void 0 : _b(barAnimationParams, appearPreset), userAnimationConfig(this._barMarkName, this._spec, this._markAttributeContext), animationParams));
         }
         _getBarWidth(axisHelper, scaleDepth) {
-            var _a, _b;
+            var _a;
             const depthFromSpec = this._groups ? this._groups.fields.length : 1;
             const depth = isNil$1(scaleDepth) ? depthFromSpec : Math.min(depthFromSpec, scaleDepth);
-            const bandWidth = (_b = (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1)) !== null && _b !== void 0 ? _b : DefaultBandWidth$2;
             const hasBarWidth = isValid$1(this._spec.barWidth) && depth === depthFromSpec;
+            const useFixedWidth = hasBarWidth &&
+                typeof this._spec.barWidth === 'number' &&
+                typeof this._spec.barMinWidth !== 'string' &&
+                typeof this._spec.barMaxWidth !== 'string';
+            const axisBandWidth = useFixedWidth ? undefined : (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1);
+            const bandWidth = axisBandWidth !== null && axisBandWidth !== void 0 ? axisBandWidth : DefaultBandWidth$2;
             const hasBarMinWidth = isValid$1(this._spec.barMinWidth);
             const hasBarMaxWidth = isValid$1(this._spec.barMaxWidth);
-            let width = bandWidth;
+            let width = axisHelper.isContinuous && !isNil$1(axisBandWidth) && !hasBarWidth ? bandWidth * 0.5 : bandWidth;
             if (hasBarWidth) {
                 width = getActualNumValue(this._spec.barWidth, bandWidth);
             }
@@ -74807,7 +74951,7 @@
             return width;
         }
         _getPosition(direction, datum, scaleDepth, mark) {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             let axisHelper;
             let sizeAttribute;
             let dataToPosition;
@@ -74852,7 +74996,7 @@
                         totalWidth += totalWidth + (groupCount - 1) * gap;
                     }
                 }
-                const center = scale.scale(datum[groupFields[0]]) + axisHelper.getBandwidth(0) / 2;
+                const center = scale.scale(datum[groupFields[0]]) + ((_f = axisHelper.getBandwidth(0)) !== null && _f !== void 0 ? _f : bandWidth) / 2;
                 return center - totalWidth / 2 + offSet;
             }
             const continuous = isContinuous(scale.type || 'band');