@visactor/vseed 0.1.44 → 0.1.46

package/dist/umd/index.js

@@ -5,44 +5,7 @@
     else root["VSeed"] = factory();
 })(globalThis, ()=>(()=>{
         "use strict";
-        var __webpack_modules__ = {};
-        var __webpack_module_cache__ = {};
-        function __webpack_require__(moduleId) {
-            var cachedModule = __webpack_module_cache__[moduleId];
-            if (void 0 !== cachedModule) return cachedModule.exports;
-            var module1 = __webpack_module_cache__[moduleId] = {
-                exports: {}
-            };
-            __webpack_modules__[moduleId](module1, module1.exports, __webpack_require__);
-            return module1.exports;
-        }
-        (()=>{
-            var getProto = Object.getPrototypeOf ? (obj)=>Object.getPrototypeOf(obj) : (obj)=>obj.__proto__;
-            var leafPrototypes;
-            __webpack_require__.t = function(value, mode) {
-                if (1 & mode) value = this(value);
-                if (8 & mode) return value;
-                if ('object' == typeof value && value) {
-                    if (4 & mode && value.__esModule) return value;
-                    if (16 & mode && 'function' == typeof value.then) return value;
-                }
-                var ns = Object.create(null);
-                __webpack_require__.r(ns);
-                var def = {};
-                leafPrototypes = leafPrototypes || [
-                    null,
-                    getProto({}),
-                    getProto([]),
-                    getProto(getProto)
-                ];
-                for(var current = 2 & mode && value; 'object' == typeof current && !~leafPrototypes.indexOf(current); current = getProto(current))Object.getOwnPropertyNames(current).forEach((key)=>{
-                    def[key] = ()=>value[key];
-                });
-                def['default'] = ()=>value;
-                __webpack_require__.d(ns, def);
-                return ns;
-            };
-        })();
+        var __webpack_require__ = {};
         (()=>{
             __webpack_require__.d = (exports1, definition)=>{
                 for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -151,11 +114,9 @@
             zDualChartType: ()=>zDualChartType,
             darkTheme: ()=>darkTheme,
             isVTable: ()=>isVTable,
-            MaxMeasureId: ()=>MaxMeasureId,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            MinMeasureId: ()=>MinMeasureId,
-            columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
             zAnnotationHorizontalLineConfig: ()=>zAnnotationHorizontalLineConfig,
+            columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
             zAnnotationPoint: ()=>zAnnotationPoint,
             DATUM_HIDE_KEY: ()=>DATUM_HIDE_KEY,
             isMeasure: ()=>isMeasure,
@@ -171,20 +132,21 @@
             findMeasureById: ()=>findMeasureById,
             AngleEncoding: ()=>AngleEncoding,
             areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
-            zBackgroundColor: ()=>zBackgroundColor,
+            findTreeNodesBy: ()=>findTreeNodesBy,
             zAreaPercentConfig: ()=>zAreaPercentConfig,
-            zLowessRegressionLine: ()=>zLowessRegressionLine,
+            zBackgroundColor: ()=>zBackgroundColor,
             MeasureId: ()=>MeasureId,
             registerRadar: ()=>registerRadar,
             zLocale: ()=>zLocale,
             isDimension: ()=>isDimension,
+            zLowessRegressionLine: ()=>zLowessRegressionLine,
             zMeasure: ()=>zMeasure,
             registerScatter: ()=>registerScatter,
             boxplotSpecPipeline: ()=>boxplotSpecPipeline,
             autoNumFormatter: ()=>autoNumFormatter,
             tableSpecPipeline: ()=>tableSpecPipeline,
-            isCombination: ()=>isCombination,
             zConfig: ()=>zConfig,
+            isCombination: ()=>isCombination,
             zBarStyle: ()=>zBarStyle,
             deleteDimensionTreeByCallback: ()=>deleteDimensionTreeByCallback,
             zRoseParallelConfig: ()=>zRoseParallelConfig,
@@ -198,6 +160,7 @@
             registerPie: ()=>registerPie,
             zEcdfRegressionLine: ()=>zEcdfRegressionLine,
             zBarParallelConfig: ()=>zBarParallelConfig,
+            LowerWhisker: ()=>LowerWhisker,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
             AXIS_LABEL_SPACE: ()=>8,
             FoldMeasureValue: ()=>FoldMeasureValue,
@@ -235,6 +198,7 @@
             Separator: ()=>"-",
             findAllMeasures: ()=>findAllMeasures,
             zColorLegend: ()=>zColorLegend,
+            UpperWhisker: ()=>UpperWhisker,
             EncodingEnum: ()=>EncodingEnum,
             preorderTraverse: ()=>preorderTraverse,
             roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
@@ -351,11 +315,47 @@
         function chunk_JK3VNB42_n(e) {
             return null == e;
         }
-        var i18nData_namespaceObject = JSON.parse('{"指标名称":{"en-US":"MeasureName","zh-CN":"指标名称"},"指标Id":{"en-US":"MeasureId","zh-CN":"指标Id"},"指标值":{"en-US":"MeasureValue","zh-CN":"指标值"}}');
-        var i18n_i18nData_namespaceObject = /*#__PURE__*/ __webpack_require__.t(i18nData_namespaceObject, 2);
+        const translateMap = {
+            指标名称: {
+                'en-US': 'MeasureName',
+                'zh-CN': "\u6307\u6807\u540D\u79F0"
+            },
+            指标Id: {
+                'en-US': 'MeasureId',
+                'zh-CN': "\u6307\u6807Id"
+            },
+            指标值: {
+                'en-US': 'MeasureValue',
+                'zh-CN': "\u6307\u6807\u503C"
+            },
+            异常点: {
+                'en-US': 'Outlier',
+                'zh-CN': "\u5F02\u5E38\u70B9"
+            },
+            上边界: {
+                'en-US': 'Upper Whisker',
+                'zh-CN': "\u4E0A\u8FB9\u754C"
+            },
+            上四分位数: {
+                'en-US': 'Q3',
+                'zh-CN': "75\u5206\u4F4D\u6570"
+            },
+            中位数: {
+                'en-US': 'Q2',
+                'zh-CN': "\u4E2D\u4F4D\u6570"
+            },
+            下四分位数: {
+                'en-US': 'Q1',
+                'zh-CN': "25\u5206\u4F4D\u6570"
+            },
+            下边界: {
+                'en-US': 'Lower Whisker',
+                'zh-CN': "\u4E0B\u8FB9\u754C"
+            }
+        };
         class i18n_Intl {
             static instance;
-            translateMap = i18n_i18nData_namespaceObject;
+            translateMap = translateMap;
             locale = 'zh-CN';
             canTranslate = (value)=>!!this.translateMap[value];
             i18n = (segments, ...values)=>{
@@ -525,6 +525,17 @@
                 }
             }
         };
+        const findTreeNodesBy = (nodes = [], callback, childrenKey = 'children')=>{
+            if (!nodes) return [];
+            const result = [];
+            preorderTraverse(nodes, (node)=>{
+                if (!(childrenKey in node)) {
+                    if (callback(node)) result.push(node);
+                }
+                return false;
+            });
+            return result;
+        };
         const measureDepth = (measures = [])=>{
             if (!measures) return 0;
             let depth = 1;
@@ -1571,8 +1582,8 @@
         const DetailEncoding = '__Dim_Detail__';
         const ColorEncoding = '__Dim_Color__';
         const ColorIdEncoding = '__Dim_ColorId__';
-        const MinMeasureId = '__Min__';
-        const MaxMeasureId = '__Max__';
+        const LowerWhisker = '__Lower_Whisker__';
+        const UpperWhisker = '__Upper_Whisker__';
         const OutliersMeasureId = '__Outliers__';
         const MedianMeasureId = '__Meadian__';
         const BinStartMeasureId = '__BinStart__';
@@ -2271,7 +2282,7 @@
             ];
         };
         const deleteMeasureTreeByCallback = (measureTree, callback)=>{
-            if (!measureTree) return measureTree;
+            if (!measureTree) return;
             const stack = [
                 ...measureTree
             ].reverse();
@@ -2295,23 +2306,28 @@
                     nodesToProcess.push(node);
                 }
             }
+            const deleted = [];
             for (const node of nodesToProcess){
                 const parentList = parents.get(node);
                 if (parentList) {
                     const index = parentList.indexOf(node);
                     if (isMeasure(node)) {
-                        if (callback?.(node, index, parentList)) parentList.splice(index, 1);
+                        if (callback?.(node, index, parentList)) {
+                            parentList.splice(index, 1);
+                            deleted.push(node);
+                        }
                     }
                 }
             }
-            return measureTree;
+            return deleted;
         };
-        const deleteEncodingForMeasure = (encodingKeys)=>(advancedVSeed)=>{
+        const pickMeasuresForReshape = (encodingKeys)=>(advancedVSeed)=>{
+                const clonedMeasures = chunk_BCBB46UE_d(advancedVSeed.measures);
                 const deleteBy = (measure)=>encodingKeys.includes(measure.encoding);
-                const measureTree = deleteMeasureTreeByCallback(advancedVSeed.measures, deleteBy);
+                deleteMeasureTreeByCallback(clonedMeasures, deleteBy);
                 return {
                     ...advancedVSeed,
-                    measures: measureTree
+                    reshapeMeasures: clonedMeasures
                 };
             };
         const deleteDimensionTreeByCallback = (dimensionTree, callback)=>{
@@ -2350,12 +2366,13 @@
             }
             return dimensionTree;
         };
-        const deleteTooltipAndLabelDimension = (advancedVSeed)=>{
+        const pickDimensionsForReshape = (advancedVSeed)=>{
             const deleteBy = (dimension)=>'tooltip' === dimension.encoding || 'label' === dimension.encoding;
-            const dimensionTree = deleteDimensionTreeByCallback(advancedVSeed.dimensions, deleteBy);
+            const reshapeDimensions = chunk_BCBB46UE_d(advancedVSeed.dimensions);
+            deleteDimensionTreeByCallback(reshapeDimensions, deleteBy);
             return {
                 ...advancedVSeed,
-                dimensions: dimensionTree
+                reshapeDimensions
             };
         };
         const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
@@ -2451,11 +2468,13 @@
                 unfoldInfo
             };
         };
-        const colorAdapter = (ordinalPipe, linearPipe)=>(spec, context)=>{
+        function colorAdapter(ordinalPipe, linearPipe) {
+            return (spec, context)=>{
                 const { advancedVSeed, vseed } = context;
                 if (isLinearColor(advancedVSeed, vseed)) return linearPipe(spec, context);
                 return ordinalPipe(spec, context);
             };
+        }
         const isLinearColor = (advancedVSeed, vseed)=>{
             const { encoding } = advancedVSeed;
             const measures = vseed.measures || advancedVSeed.measures;
@@ -2476,9 +2495,9 @@
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            const { dimensions = [], measures = [], encoding } = advancedVSeed;
+            const { encoding } = advancedVSeed;
             const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
-            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(findAllMeasures(measures), (item)=>item.id), encoding, {
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [], (item)=>item.id), T(advancedVSeed.reshapeMeasures ?? findAllMeasures(advancedVSeed.measures), (item)=>item.id), encoding, {
                 colorItemAsId: false,
                 colorMeasureId
             });
@@ -2492,9 +2511,7 @@
                         foldInfo,
                         unfoldInfo
                     }
-                ],
-                dimensions,
-                measures
+                ]
             };
         };
         const pivotReshapeWithEncoding = (advancedVSeed, context)=>{
@@ -2503,7 +2520,9 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions = [], measures = [], encoding } = advancedVSeed;
+            const { encoding } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const allMeasures = findAllMeasures(measures);
             const measureGroups = [];
             if (measures) measures.forEach((measure)=>{
@@ -2665,12 +2684,12 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -3089,7 +3108,7 @@
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.legend) return result;
             const { legend } = baseConfig;
-            const { enable, position = 'bottom', labelFontColor, labelColor, labelFontSize = 12, labelFontWeight, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
+            const { enable, position = 'bottom', labelFontColor, labelColor, labelFontSize = 12, pagerIconColor, pagerIconDisableColor, labelFontWeight, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
             const orient = [
                 'bottom',
                 'bottomLeft',
@@ -3128,6 +3147,7 @@
                 'rt',
                 'br'
             ].includes(position) ? 'end' : 'middle';
+            const labelTextColor = labelColor || labelFontColor;
             result.legends = {
                 type: 'discrete',
                 visible: enable,
@@ -3141,7 +3161,7 @@
                     maxWidth: '30%',
                     focusIconStyle: {
                         size: labelFontSize + 2,
-                        fill: labelColor || labelFontColor,
+                        fill: labelTextColor,
                         fontWeight: labelFontWeight
                     },
                     shape: {
@@ -3191,6 +3211,21 @@
                         }
                     }
                 },
+                pager: {
+                    textStyle: {
+                        fill: labelTextColor
+                    },
+                    handler: {
+                        style: {
+                            fill: pagerIconColor
+                        },
+                        state: {
+                            disable: {
+                                fill: pagerIconDisableColor
+                            }
+                        }
+                    }
+                },
                 padding: 0
             };
             return result;
@@ -3200,7 +3235,7 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { datasetReshapeInfo, chartType } = advancedVSeed;
+            const { datasetReshapeInfo, chartType, measures = [] } = advancedVSeed;
             const { unfoldInfo } = datasetReshapeInfo[0];
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.legend) return result;
@@ -3261,6 +3296,11 @@
                     }
                 }
             };
+            const colorMeasure = findTreeNodesBy(measures, (m)=>'color' === m.encoding)?.[0];
+            if (colorMeasure) {
+                const formatter = createFormatterByMeasure(colorMeasure);
+                result.legends.handlerText.formatter = formatter;
+            }
             return result;
         };
         const colorPointStyleFill = (stylePipe)=>(spec, context)=>{
@@ -3618,7 +3658,11 @@
                         const datum = v;
                         const key = datum && datum[encodingColor] || '';
                         return unfoldInfo.colorIdMap[key].alias ?? key;
-                    } : Object.values(foldMap)[0],
+                    } : (v)=>{
+                        const datum = v;
+                        const key = datum && datum[measureId] || '';
+                        return foldMap[key] ?? key;
+                    },
                     value: (v)=>{
                         const datum = v;
                         if (!datum) return '';
@@ -3698,6 +3742,40 @@
                 if ('number' == typeof value) return obj[key] === value;
                 return true;
             });
+        const ANNOTATION_AREA_TEXT_STYLE_BY_POSITION = {
+            top: {
+                textAlign: 'center',
+                textBaseline: 'top'
+            },
+            topRight: {
+                textAlign: 'right',
+                textBaseline: 'top'
+            },
+            topLeft: {
+                textAlign: 'left',
+                textBaseline: 'top'
+            },
+            bottom: {
+                textAlign: 'center',
+                textBaseline: 'bottom'
+            },
+            bottomLeft: {
+                textAlign: 'left',
+                textBaseline: 'bottom'
+            },
+            bottomRight: {
+                textAlign: 'right',
+                textBaseline: 'bottom'
+            },
+            left: {
+                textAlign: 'left',
+                textBaseline: 'middle'
+            },
+            right: {
+                textAlign: 'right',
+                textBaseline: 'middle'
+            }
+        };
         const annotationPoint_annotationPoint = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { annotation, config } = advancedVSeed;
@@ -3794,23 +3872,8 @@
                 const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationVerticalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (x)=>({
-                        positions: (datum, series)=>{
-                            const regionStart = series.getRegion()?.getLayoutStartPoint();
-                            const xAxisHelper = series.getXAxisHelper();
-                            const yAxisHelper = series.getYAxisHelper();
-                            const xPos = xAxisHelper.getScale(0).scale(x) + regionStart.x;
-                            const yRange = yAxisHelper.getScale(0).range();
-                            return [
-                                {
-                                    x: xPos,
-                                    y: yRange ? yRange[0] + regionStart.y : 0
-                                },
-                                {
-                                    x: xPos,
-                                    y: yRange ? yRange[1] + regionStart.y : 0
-                                }
-                            ];
-                        },
+                        x,
+                        autoRange: true,
                         zIndex: 1000,
                         line: {
                             style: {
@@ -3923,23 +3986,8 @@
                 const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'right', textBaseline = 'bottom', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationHorizontalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (y)=>({
-                        positions: (datum, series)=>{
-                            const regionStart = series.getRegion()?.getLayoutStartPoint();
-                            const xAxisHelper = series.getXAxisHelper();
-                            const yAxisHelper = series.getYAxisHelper();
-                            const yPos = yAxisHelper.getScale(0).scale(y) + regionStart.y;
-                            const xRange = xAxisHelper.getScale(0).range();
-                            return [
-                                {
-                                    x: xRange ? xRange[0] + regionStart.x : 0,
-                                    y: yPos
-                                },
-                                {
-                                    x: xRange ? xRange[1] + regionStart.x : 0,
-                                    y: yPos
-                                }
-                            ];
-                        },
+                        y,
+                        autoRange: true,
                         zIndex: 1000,
                         line: {
                             style: {
@@ -4048,12 +4096,14 @@
                 left: 'insideLeft',
                 right: 'insideRight'
             };
+            const defaultTextPosition = isBarLikeChart(advancedVSeed) ? 'right' : 'top';
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
+                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
-                const labelPosition = positionMap[textPosition || 'top'];
-                const isBottom = labelPosition.toLocaleLowerCase().includes('bottom');
+                const textPosition = annotationArea.textPosition ?? defaultTextPosition;
+                const textAlign = annotationArea.textAlign ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textAlign;
+                const textBaseline = annotationArea.textBaseline ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textBaseline;
                 return {
                     zIndex: 1000,
                     regionRelative: true,
@@ -4063,11 +4113,11 @@
                         const yAxisHelper = context.getYAxisHelper();
                         const xAxisHelper = context.getXAxisHelper();
                         if ('function' == typeof xAxisHelper?.getBandwidth) {
-                            const yScale = yAxisHelper.getScale();
+                            const regionRect = context.getRegion().getLayoutRect();
                             const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
                             const maxX = Math.max(...xyList.map((item)=>item.x)) + (outerPadding || 4);
-                            const minY = Math.min(...yScale.range());
-                            const maxY = Math.max(...yScale.range());
+                            const minY = 0;
+                            const maxY = regionRect.height;
                             return [
                                 {
                                     x: minX,
@@ -4088,11 +4138,11 @@
                             ];
                         }
                         if ('function' == typeof yAxisHelper?.getBandwidth) {
-                            const xScale = xAxisHelper.getScale();
+                            const regionRect = context.getRegion().getLayoutRect();
                             const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
                             const maxY = Math.max(...xyList.map((item)=>item.y)) + (outerPadding || 4);
-                            const minX = Math.min(...xScale.range());
-                            const maxX = Math.max(...xScale.range());
+                            const minX = 0;
+                            const maxX = regionRect.width;
                             return [
                                 {
                                     x: minX,
@@ -4115,12 +4165,11 @@
                         return [];
                     },
                     label: {
-                        position: labelPosition,
+                        position: positionMap[textPosition],
                         visible: true,
                         text: text,
                         style: {
                             opacity: 0.95,
-                            dy: isBottom ? 2 * -(textFontSize || 12) : 0,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             fill: textColor,
@@ -4134,7 +4183,6 @@
                             padding: textBackgroundPadding,
                             style: {
                                 opacity: 0.95,
-                                dy: isBottom ? 2 * -(textFontSize || 12) : 0,
                                 cornerRadius: textBackgroundBorderRadius ?? 4,
                                 fill: textBackgroundColor,
                                 stroke: textBackgroundBorderColor,
@@ -4702,11 +4750,11 @@
                 if (!seriesSpec.point.style) seriesSpec.point.style = {};
                 if (!seriesSpec.line.style) seriesSpec.line.style = {};
                 const measureValueKey = datasetReshapeInfo[0].foldInfo.measureValue;
-                seriesSpec.point.style.fill = (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
-                seriesSpec.line.style.stroke = (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
+                seriesSpec.point.style.fill = (datum)=>datum?.[measureValueKey] < splitValue ? colorConfig.negativeColor : colorConfig.positiveColor;
+                seriesSpec.line.style.stroke = (datum)=>datum?.[measureValueKey] < splitValue ? colorConfig.negativeColor : colorConfig.positiveColor;
                 if (seriesSpec.label && seriesSpec.label.visible && chunk_JK3VNB42_n(seriesSpec.label.style?.fill)) seriesSpec.label.style = {
                     ...seriesSpec.label.style,
-                    fill: (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor
+                    fill: (datum)=>datum?.[measureValueKey] < splitValue ? colorConfig.negativeColor : colorConfig.positiveColor
                 };
             }
             return result;
@@ -5333,12 +5381,15 @@
                 legends
             };
         };
-        const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
+        const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>{
+            const adapted = (spec, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
                 if (usePivotChart) return execPipeline(pivotPipeline, context, spec);
                 return execPipeline(pipeline, context, spec);
             };
+            return adapted;
+        };
         const line_line = [
             initLine,
             colorAdapter(color_color, linearColor),
@@ -5537,12 +5588,12 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5745,17 +5796,12 @@
                 left: 'insideLeft',
                 right: 'insideRight'
             };
-            const defaultOptions = isBarLikeChart(advancedVSeed) ? {
-                textPosition: 'right',
-                textAlign: 'right'
-            } : {
-                textPosition: 'top',
-                textAlign: 'center'
-            };
+            const defaultTextPosition = isBarLikeChart(advancedVSeed) ? 'right' : 'top';
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = defaultOptions.textAlign, textBaseline = 'middle', textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
-                const textPosition = annotationArea.textPosition ?? defaultOptions.textPosition;
-                const dy = textPosition.includes('bottom') ? -1 * textFontSize : 0;
+                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, areaLineDash = theme?.areaLineDash, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
+                const textPosition = annotationArea.textPosition ?? defaultTextPosition;
+                const textAlign = annotationArea.textAlign ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textAlign;
+                const textBaseline = annotationArea.textBaseline ?? ANNOTATION_AREA_TEXT_STYLE_BY_POSITION[textPosition].textBaseline;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
                 return {
@@ -5770,15 +5816,15 @@
                         if ('function' == typeof xAxisHelper?.getBandwidth) {
                             const depth = context.fieldX.length ?? 0;
                             const xBandWidth = xAxisHelper?.getBandwidth?.(depth - 1);
-                            const yScale = yAxisHelper.getScale();
+                            const regionRect = context.getRegion().getLayoutRect();
                             const startX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
                             const endX = Math.max(...xyList.map((item)=>item.x)) + (outerPadding || 4);
                             const width = endX - startX + xBandWidth;
                             const middleX = (endX + startX) / 2 + xBandWidth * (0.5 - bandPosition);
                             const minX = middleX - width / 2;
                             const maxX = middleX + width / 2;
-                            const minY = Math.min(...yScale.range());
-                            const maxY = Math.max(...yScale.range());
+                            const minY = 0;
+                            const maxY = regionRect.height;
                             return [
                                 {
                                     x: minX,
@@ -5801,15 +5847,15 @@
                         if ('function' == typeof yAxisHelper?.getBandwidth) {
                             const depth = context.fieldY.length ?? 0;
                             const yBandWidth = yAxisHelper?.getBandwidth?.(depth - 1);
-                            const xScale = xAxisHelper.getScale();
+                            const regionRect = context.getRegion().getLayoutRect();
                             const startY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
                             const endY = Math.max(...xyList.map((item)=>item.y)) + (outerPadding || 4);
                             const width = endY - startY + yBandWidth;
                             const middleY = (endY + startY) / 2 + yBandWidth * (0.5 - bandPosition);
                             const minY = middleY - width / 2;
                             const maxY = middleY + width / 2;
-                            const minX = Math.min(...xScale.range());
-                            const maxX = Math.max(...xScale.range());
+                            const minX = 0;
+                            const maxX = regionRect.width;
                             return [
                                 {
                                     x: minX,
@@ -5837,7 +5883,6 @@
                         text: text,
                         style: {
                             opacity: 0.95,
-                            dy: dy,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             stroke: textBackgroundColor,
@@ -5851,7 +5896,6 @@
                             padding: textBackgroundPadding,
                             style: {
                                 opacity: 0.95,
-                                dy: dy,
                                 cornerRadius: textBackgroundBorderRadius ?? 4,
                                 fill: textBackgroundColor,
                                 stroke: textBackgroundBorderColor,
@@ -6415,12 +6459,12 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -6580,12 +6624,12 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -6762,12 +6806,12 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7119,12 +7163,12 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7233,12 +7277,12 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7320,12 +7364,12 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7517,12 +7561,12 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7796,7 +7840,9 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const { encoding, chartType } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             if (measures.length > 2) throw new Error('measures can not be more than 2 groups in scatter');
             const foldInfoList = [];
             const unfoldInfoList = [];
@@ -7853,7 +7899,9 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const { encoding, chartType } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const allMeasures = findAllMeasures(measures);
             const measureGroups = [];
             const depth = measureDepth(measures);
@@ -7930,12 +7978,12 @@
             ], [
                 encodingForScatter,
                 buildMeasuresForScatter,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'size'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithScatterEncoding
@@ -8373,7 +8421,7 @@
                 }
             };
         }
-        const generateRegressionLinePipe = (type, regressionFunction, getOptions)=>(spec, context)=>{
+        const generateRegressionLinePipe = (type, regressionFunction, getOptions = getDefaultRegressionOptions)=>(spec, context)=>{
                 const result = {
                     ...spec
                 };
@@ -8521,9 +8569,13 @@
                 });
                 return result;
             };
+        const getDefaultRegressionOptions = (lineConfig)=>({
+                alpha: lineConfig?.confidenceLevel ?? 0.95
+            });
         const linearRegressionLine = generateRegressionLinePipe('linearRegressionLine', regressionLinear);
         const lowessRegressionLine = generateRegressionLinePipe('lowessRegressionLine', regressionLowess);
         const polynomialRegressionLine = generateRegressionLinePipe('polynomialRegressionLine', regressionPolynomial, (lineConfig)=>({
+                ...getDefaultRegressionOptions(lineConfig),
                 degree: lineConfig.degree ?? 2
             }));
         const logisticRegressionLine = generateRegressionLinePipe('logisticRegressionLine', regressionLogistic);
@@ -8762,7 +8814,9 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const { encoding, chartType } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             if (measures.length > 2) throw new Error('measures can not be more than 2 groups in dualAxis');
             const foldInfoList = [];
             const unfoldInfoList = [];
@@ -8817,7 +8871,9 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const { encoding, chartType } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const allMeasures = findAllMeasures(measures);
             const datasetList = [];
             const datasetReshapeInfo = [];
@@ -8923,12 +8979,12 @@
             ], [
                 encodingForDualAxis,
                 buildMeasuresForDualAxis,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithDualEncoding
@@ -9698,12 +9754,12 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -9859,12 +9915,12 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -10024,12 +10080,12 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -10177,12 +10233,12 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -10372,12 +10428,12 @@
             ], [
                 encodingForRadar,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -10587,12 +10643,12 @@
             ], [
                 encodingForFunnel,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -10814,11 +10870,11 @@
             ], [
                 encodingForHeatmap,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -11220,7 +11276,9 @@
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const { encoding = {}, config } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const uniqDims = T(dimensions, (item)=>item.id);
             const whiskers = config?.[chartType]?.whiskers;
             let newDatasets = [];
@@ -11239,8 +11297,8 @@
                     outputNames: {
                         q1: "__Q1__",
                         q3: "__Q3__",
-                        min: MinMeasureId,
-                        max: MaxMeasureId,
+                        lowerWhisker: LowerWhisker,
+                        upperWhisker: UpperWhisker,
                         median: MedianMeasureId,
                         outliers: OutliersMeasureId
                     }
@@ -11266,8 +11324,8 @@
                     colorItemAsId: false
                 });
                 res.dataset.forEach((datum)=>{
-                    datum[MaxMeasureId] = datum[encoding.max[0]];
-                    datum[MinMeasureId] = datum[encoding.min[0]];
+                    datum[UpperWhisker] = datum[encoding.max[0]];
+                    datum[LowerWhisker] = datum[encoding.min[0]];
                     datum["__Q1__"] = datum[encoding.q1[0]];
                     datum["__Q3__"] = datum[encoding.q3[0]];
                     datum[MedianMeasureId] = datum[encoding.median[0]];
@@ -11297,7 +11355,9 @@
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const { encoding = {}, config } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const uniqDims = T(dimensions, (item)=>item.id);
             const chartConfig = config?.[chartType];
             const whiskers = chartConfig?.whiskers;
@@ -11328,8 +11388,8 @@
                         outputNames: {
                             q1: "__Q1__",
                             q3: "__Q3__",
-                            min: MinMeasureId,
-                            max: MaxMeasureId,
+                            lowerWhisker: LowerWhisker,
+                            upperWhisker: UpperWhisker,
                             median: MedianMeasureId,
                             outliers: OutliersMeasureId
                         }
@@ -11355,8 +11415,8 @@
                         colorItemAsId: false
                     });
                     res.dataset.forEach((datum)=>{
-                        datum[MaxMeasureId] = datum[encoding.max[0]];
-                        datum[MinMeasureId] = datum[encoding.min[0]];
+                        datum[UpperWhisker] = datum[encoding.max[0]];
+                        datum[LowerWhisker] = datum[encoding.min[0]];
                         datum["__Q1__"] = datum[encoding.q1[0]];
                         datum["__Q3__"] = datum[encoding.q3[0]];
                         datum[MedianMeasureId] = datum[encoding.median[0]];
@@ -11392,12 +11452,12 @@
             ], [
                 encodingForBoxplot,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithBoxplotEncoding
@@ -11417,10 +11477,10 @@
             const { datasetReshapeInfo, encoding } = advancedVSeed;
             const { unfoldInfo } = datasetReshapeInfo[0];
             result.type = 'boxPlot';
-            result.minField = MinMeasureId;
+            result.minField = LowerWhisker;
+            result.maxField = UpperWhisker;
             result.q1Field = "__Q1__";
             result.medianField = MedianMeasureId;
-            result.maxField = MaxMeasureId;
             result.q3Field = "__Q3__";
             result.outliersField = OutliersMeasureId;
             result.xField = [
@@ -11456,12 +11516,20 @@
             };
         };
         const boxPlotMeasureKeys = [
-            MaxMeasureId,
+            UpperWhisker,
             "__Q3__",
             MedianMeasureId,
             "__Q1__",
-            MinMeasureId
+            LowerWhisker
         ];
+        const measureAliasMapping = {
+            [OutliersMeasureId]: intl.i18n`异常点`,
+            [UpperWhisker]: intl.i18n`上边界`,
+            ["__Q3__"]: intl.i18n`上四分位数`,
+            [MedianMeasureId]: intl.i18n`中位数`,
+            ["__Q1__"]: intl.i18n`下四分位数`,
+            [LowerWhisker]: intl.i18n`下边界`
+        };
         const VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
         const tooltipBoxplot = (spec, context)=>{
             const result = {
@@ -11493,7 +11561,7 @@
                             const formatter = outerlierMeasure ? createFormatterByMeasure(outerlierMeasure) : defaultFormatter;
                             tooltipItems.push({
                                 ...tooltipItems[0],
-                                key: outerlierMeasure?.alias ?? OutliersMeasureId,
+                                key: outerlierMeasure?.alias ?? measureAliasMapping[OutliersMeasureId],
                                 value: formatter(datum?.[VCHART_OUTLIER_KEY])
                             });
                             return tooltipItems;
@@ -11505,7 +11573,7 @@
                                 return {
                                     ...entry,
                                     value: formatter(datum?.[entry.key]),
-                                    key: mea?.alias ?? entry.key
+                                    key: mea?.alias ?? measureAliasMapping[entry?.key] ?? entry.key
                                 };
                             }
                             return entry;
@@ -11548,6 +11616,17 @@
                 defaultContent
             ];
         };
+        const boxLegend = (spec, context)=>{
+            const normalLegend = discreteLegend(spec, context);
+            normalLegend.legends = {
+                ...normalLegend.legends,
+                data: (data)=>data.map((obj)=>{
+                        obj.shape.fill = obj.shape.stroke;
+                        return obj;
+                    })
+            };
+            return normalLegend;
+        };
         const pipeline_boxplot_boxplot = [
             initBoxplot,
             stackCornerRadius_stackCornerRadius,
@@ -11559,7 +11638,7 @@
             yLinear,
             label_label,
             tooltipBoxplot,
-            colorAdapter(discreteLegend, colorLegend),
+            colorAdapter(boxLegend, colorLegend),
             verticalCrosshairRect,
             colorBarStyleFill(barStyle_barStyle),
             annotationPoint_annotationPoint,
@@ -11732,42 +11811,9 @@
                 ...tooltip
             ]);
         };
-        const bin_bin = (data, options)=>{
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            const field = null == options ? void 0 : options.field;
-            if (!field) return [];
-            const countField = options.countField, n = data.length;
-            let thresholds, min = 1 / 0, max = -1 / 0;
-            if (options.extent) min = options.extent[0], max = options.extent[1];
-            else for(let i = 0; i < n; i++){
-                const v = data[i][field];
-                if (common_isNil(v)) continue;
-                const num = +v;
-                Number.isFinite(num) && (num < min && (min = num), num > max && (max = num));
-            }
-            if (!Number.isFinite(min) || !Number.isFinite(max) || 0 === n) return [];
-            if (options.thresholds && options.thresholds.length) thresholds = options.thresholds.slice(), thresholds.sort((a, b)=>a - b);
-            else if ("number" == typeof options.step && options.step > 0) {
-                const stepSize = options.step;
-                let startMin = min;
-                for(options.extent || (startMin = Math.floor(min / stepSize) * stepSize), thresholds = [
-                    startMin
-                ]; startMin <= max;)startMin += stepSize, thresholds.push(startMin);
-            } else {
-                const bins = options.bins && options.bins > 0 ? Math.floor(options.bins) : 10;
-                if (max - min > 1) {
-                    const start = Math.floor(min), stepSizeInt = Math.ceil((max - start) / bins);
-                    thresholds = new Array(bins + 1);
-                    for(let i = 0; i <= bins; i++)thresholds[i] = start + stepSizeInt * i;
-                } else {
-                    const stepSize = (max - min) / bins;
-                    thresholds = new Array(bins + 1);
-                    for(let i = 0; i <= bins; i++)thresholds[i] = min + stepSize * i;
-                }
-            }
-            const numBins = Math.max(0, thresholds.length - 1);
-            if (0 === numBins) return [];
-            const x0Name = null != (_b = null == (_a = options.outputNames) ? void 0 : _a.x0) ? _b : "x0", x1Name = null != (_d = null == (_c = options.outputNames) ? void 0 : _c.x1) ? _d : "x1", countName = null != (_f = null == (_e = options.outputNames) ? void 0 : _e.count) ? _f : "count", valuesName = null != (_h = null == (_g = options.outputNames) ? void 0 : _g.values) ? _h : "values", percentageName = null != (_k = null == (_j = options.outputNames) ? void 0 : _j.percentage) ? _k : "percentage", out = [];
+        const subBin = (data, options)=>{
+            var _a, _b;
+            const { numBins: numBins, thresholds: thresholds, countName: countName, percentageName: percentageName, valuesName: valuesName, countField: countField, field: field, n: n, x0Name: x0Name, x1Name: x1Name } = options, out = [];
             if (!options.groupField) for(let i = 0; i < numBins; i++){
                 const rec = {
                     [x0Name]: thresholds[i],
@@ -11784,11 +11830,11 @@
                 if (Number.isFinite(num)) for(let j = 0; j < numBins; j++){
                     const left = thresholds[j], right = thresholds[j + 1];
                     if (num >= left && num < right || j === numBins - 1 && num <= right) {
-                        const datumCount = null != (_l = data[i][countField]) ? _l : 1;
+                        const datumCount = null != (_a = data[i][countField]) ? _a : 1;
                         if (usingGroup) {
                             let gk;
                             gk = common_isArray(groupField) ? groupField.map((f)=>String(data[i][f])).join("||") : String(data[i][groupField]);
-                            const m = binGroupCounts[j], prev = null != (_m = m.get(gk)) ? _m : 0;
+                            const m = binGroupCounts[j], prev = null != (_b = m.get(gk)) ? _b : 0;
                             m.set(gk, prev + datumCount);
                             const repMap = binGroupRepr[j];
                             if (repMap.has(gk) || (common_isArray(groupField) ? repMap.set(gk, Object.fromEntries(groupField.map((f)=>[
@@ -11830,13 +11876,81 @@
             }
             return finalOut;
         };
+        const bin_bin = (data, options)=>{
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            const field = null == options ? void 0 : options.field;
+            if (!field) return [];
+            const countField = options.countField, n = data.length;
+            let thresholds, min = 1 / 0, max = -1 / 0;
+            if (options.extent) min = options.extent[0], max = options.extent[1];
+            else for(let i = 0; i < n; i++){
+                const v = data[i][field];
+                if (common_isNil(v)) continue;
+                const num = +v;
+                Number.isFinite(num) && (num < min && (min = num), num > max && (max = num));
+            }
+            if (!Number.isFinite(min) || !Number.isFinite(max) || 0 === n) return [];
+            if (options.thresholds && options.thresholds.length) thresholds = options.thresholds.slice(), thresholds.sort((a, b)=>a - b);
+            else if ("number" == typeof options.step && options.step > 0) {
+                const stepSize = options.step;
+                let startMin = min;
+                for(options.extent || (startMin = Math.floor(min / stepSize) * stepSize), thresholds = [
+                    startMin
+                ]; startMin <= max;)startMin += stepSize, thresholds.push(startMin);
+            } else {
+                const bins = options.bins && options.bins > 0 ? Math.floor(options.bins) : 10;
+                if (max - min > 1) {
+                    const start = Math.floor(min), stepSizeInt = Math.ceil((max - start) / bins);
+                    thresholds = new Array(bins + 1);
+                    for(let i = 0; i <= bins; i++)thresholds[i] = start + stepSizeInt * i;
+                } else {
+                    const stepSize = (max - min) / bins;
+                    thresholds = new Array(bins + 1);
+                    for(let i = 0; i <= bins; i++)thresholds[i] = min + stepSize * i;
+                }
+            }
+            const numBins = Math.max(0, thresholds.length - 1);
+            if (0 === numBins) return [];
+            const x0Name = null != (_b = null == (_a = options.outputNames) ? void 0 : _a.x0) ? _b : "x0", x1Name = null != (_d = null == (_c = options.outputNames) ? void 0 : _c.x1) ? _d : "x1", countName = null != (_f = null == (_e = options.outputNames) ? void 0 : _e.count) ? _f : "count", valuesName = null != (_h = null == (_g = options.outputNames) ? void 0 : _g.values) ? _h : "values", percentageName = null != (_k = null == (_j = options.outputNames) ? void 0 : _j.percentage) ? _k : "percentage", facetField = common_isArray(null == options ? void 0 : options.facetField) ? null == options ? void 0 : options.facetField : (null == options ? void 0 : options.facetField) ? [
+                options.facetField
+            ] : [], groupField = common_isArray(null == options ? void 0 : options.groupField) ? null == options ? void 0 : options.groupField : (null == options ? void 0 : options.groupField) ? [
+                options.groupField
+            ] : [], subViewOptions = Object.assign(Object.assign({}, options), {
+                numBins: numBins,
+                thresholds: thresholds,
+                countName: countName,
+                percentageName: percentageName,
+                valuesName: valuesName,
+                countField: countField,
+                field: field,
+                n: n,
+                x0Name: x0Name,
+                x1Name: x1Name
+            });
+            if (!facetField.length) return subBin(data, subViewOptions);
+            const subViewMap = {};
+            return data.forEach((dataItem)=>{
+                const subViewKey = facetField.map((field)=>null == dataItem ? void 0 : dataItem[field]).join("-&&-");
+                subViewMap[subViewKey] ? subViewMap[subViewKey].push(dataItem) : subViewMap[subViewKey] = [
+                    dataItem
+                ];
+            }), Object.values(subViewMap).map((subDataset)=>subBin(subDataset, Object.assign(Object.assign({}, subViewOptions), {
+                    groupField: [
+                        ...groupField,
+                        ...facetField
+                    ],
+                    n: subDataset.length
+                }))).flat();
+        };
         const reshapeWithHistogramEncoding = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const { encoding = {}, config } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const uniqDims = T(dimensions, (item)=>item.id);
             const chartConfig = config?.[chartType];
             const binCount = chartConfig?.binCount;
@@ -11933,7 +12047,9 @@
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const { encoding = {}, config } = advancedVSeed;
+            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
             const uniqDims = T(dimensions, (item)=>item.id);
             const chartConfig = config?.[chartType];
@@ -11974,9 +12090,9 @@
                         field: valueField,
                         groupField: [
                             ...encoding.x ?? [],
-                            ...encoding.color ?? [],
-                            ...rowColumnFields.map((item)=>item.id)
+                            ...encoding.color ?? []
                         ],
+                        facetField: rowColumnFields.map((item)=>item.id),
                         bins: binCount,
                         step: binStep,
                         outputNames: {
@@ -12048,12 +12164,12 @@
             ], [
                 encodingForHistogram,
                 buildMeasures,
-                deleteEncodingForMeasure([
+                pickMeasuresForReshape([
                     'tooltip',
                     'label',
                     'color'
                 ]),
-                deleteTooltipAndLabelDimension
+                pickDimensionsForReshape
             ]),
             pivotAdapter([
                 reshapeWithHistogramEncoding
@@ -12102,6 +12218,13 @@
                 }
             };
         };
+        const getDefaultXFormatterOfHistogram = (advancedVSeed)=>{
+            const { chartType, config } = advancedVSeed;
+            const xConfig = config?.[chartType]?.xAxis;
+            const { autoFormat = true, numFormat = {} } = xConfig;
+            const formatter = createNumFormatter(numFormat);
+            return (value)=>createLinearFormat(value, autoFormat, numFormat, formatter);
+        };
         const tooltipHistogram_VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
         const tooltipHistogram = (spec, context)=>{
             const result = {
@@ -12114,6 +12237,7 @@
                 enable: true
             } } = baseConfig;
             const { enable } = tooltip;
+            const defaultXFormatter = getDefaultXFormatterOfHistogram(advancedVSeed);
             result.tooltip = {
                 style: getTooltipStyle(tooltip),
                 visible: enable,
@@ -12121,18 +12245,18 @@
                     title: {
                         visible: false
                     },
-                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding)
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter)
                 },
                 dimension: {
                     title: {
                         visible: false
                     },
-                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding)
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter)
                 }
             };
             return result;
         };
-        const tooltipHistogram_createMarkContent = (tooltip, dimensions, encoding)=>{
+        const tooltipHistogram_createMarkContent = (tooltip, dimensions, encoding, dimFormatter)=>{
             const dims = C(dimensions.filter((item)=>tooltip.includes(item.id)), T((item)=>item.id), T((item)=>item.alias));
             const dimContent = dims.map((item)=>({
                     visible: true,
@@ -12154,7 +12278,7 @@
                     shapeType: 'rectRound',
                     key: (datum)=>{
                         if (!datum) return '';
-                        return `${datum[BinStartMeasureId]} ~ ${datum[BinEndMeasureId]}`;
+                        return `[${dimFormatter(+datum[BinStartMeasureId])}, ${dimFormatter(+datum[BinEndMeasureId])})`;
                     },
                     value: (datum)=>{
                         if (!datum) return '';
@@ -12167,6 +12291,27 @@
                 defaultContent
             ];
         };
+        const histogramVerticalCrosshairRect = (spec, context)=>{
+            const result = verticalCrosshairRect(spec, context);
+            if (!result.crosshair) return result;
+            const crosshair = result.crosshair;
+            if (!crosshair.xField) return result;
+            const defaultXFormatter = getDefaultXFormatterOfHistogram(context.advancedVSeed);
+            crosshair.xField = {
+                ...crosshair.xField || {},
+                label: {
+                    ...crosshair.xField?.label || {},
+                    formatMethod: (text)=>{
+                        if (common_isArray(text)) return text;
+                        const binRange = `${text}`.split('~');
+                        const binStart = defaultXFormatter(+binRange[0]);
+                        const binEnd = defaultXFormatter(+binRange[1]);
+                        return 1 === binRange.length ? binStart : `[${binStart}, ${binEnd})`;
+                    }
+                }
+            };
+            return result;
+        };
         const gaussian = (u)=>1 / Math.sqrt(2 * Math.PI) * Math.exp(-0.5 * u * u);
         function scott(n, std, dim = 1) {
             return n <= 0 || 0 === std ? 0 : std * Math.pow(n, -1 / (dim + 4));
@@ -12306,7 +12451,7 @@
                                 const scaleY = s.getYAxisHelper().getScale?.(0);
                                 const viewData = s.getViewData()?.latestData;
                                 if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return null;
-                                const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>d[encoding.value?.[0]]);
+                                const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>+d[encoding.value?.[0]]);
                                 const res = kde_kde(simpleData, {
                                     bandwidth: Math.abs(viewData[0][BinEndMeasureId] - viewData[0][BinStartMeasureId])
                                 });
@@ -12442,7 +12587,7 @@
                                 const scaleY = s.getYAxisHelper().getScale?.(0);
                                 const viewData = s.getViewData()?.latestData;
                                 if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return null;
-                                const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>d[encoding.value?.[0]]);
+                                const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>+d[encoding.value?.[0]]);
                                 const res = ecdf(simpleData);
                                 const N = Math.max(3, Math.floor(simpleData.length / 4));
                                 const lineData = res.evaluateGrid(N);
@@ -12499,6 +12644,36 @@
                     }
                 });
             });
+            const leftAxis = result.axes?.find((v)=>'left' === v.orient);
+            if (leftAxis && lineList.length) result.axes?.push({
+                visible: true,
+                orient: 'right',
+                type: 'linear',
+                base: 10,
+                min: 0,
+                max: 1,
+                domainLine: {
+                    ...leftAxis.domainLine
+                },
+                grid: {
+                    visible: false
+                },
+                tick: {
+                    ...leftAxis.tick
+                },
+                title: {
+                    ...leftAxis.title,
+                    visible: false
+                },
+                label: {
+                    ...leftAxis.label,
+                    visible: true,
+                    formatMethod: (v)=>{
+                        const text = common_isArray(v) ? v[0] : v;
+                        return `${(100 * text).toFixed(1)}%`;
+                    }
+                }
+            });
             return result;
         };
         const histogram = [
@@ -12512,7 +12687,7 @@
             label_label,
             tooltipHistogram,
             colorAdapter(discreteLegend, colorLegend),
-            verticalCrosshairRect,
+            histogramVerticalCrosshairRect,
             colorBarStyleFill(barStyle_barStyle),
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
@@ -12536,7 +12711,7 @@
                 label_label,
                 tooltipHistogram,
                 colorBarStyleFill(barStyle_barStyle),
-                verticalCrosshairRect,
+                histogramVerticalCrosshairRect,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -12650,10 +12825,21 @@
                 maxSize: 1,
                 shapeType: 'rectRound',
                 position: 'rt',
-                labelColor: '#646A73',
                 labelFontSize: 12,
                 labelFontWeight: 400
             });
+        const getDarkLegend = ()=>({
+                ...getDefaultLegend(),
+                labelColor: '#BBBDC3',
+                pagerIconColor: '#89909D',
+                pagerIconDisableColor: '#2A2D33'
+            });
+        const getLightLegend = ()=>({
+                ...getDefaultLegend(),
+                labelColor: '#606773',
+                pagerIconColor: '#89909D',
+                pagerIconDisableColor: '#F1F2F5'
+            });
         const getDefaultTableConfig = ()=>({
                 bodyFontSize: 12,
                 bodyBackgroundColor: 'transparent',
@@ -12707,8 +12893,6 @@
         };
         const getDarkPivotChartGridConfig = ()=>{
             const res = pickPivotChartGridConfig(getDarkTableConfig());
-            res.chartGridColor = '#303339';
-            res.axisLabelColor = '#E2E3E6';
             return res;
         };
         const getDefaultTooltip = ()=>({
@@ -12750,13 +12934,13 @@
                 title: {
                     visible: false,
                     titleText: '',
-                    titleColor: '#646A73',
+                    titleColor: '#606773',
                     titleFontSize: 12,
                     titleFontWeight: 400
                 },
                 grid: {
                     visible: true,
-                    gridColor: '#36415926',
+                    gridColor: '#E3E5EB',
                     gridWidth: 0.5,
                     gridLineDash: [
                         4,
@@ -12767,11 +12951,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#3641594d'
+                    tickColor: '#21252C'
                 },
                 line: {
                     visible: false,
-                    lineColor: '#3641594d',
+                    lineColor: '#21252C',
                     lineWidth: 1
                 }
             });
@@ -12796,13 +12980,13 @@
                 title: {
                     visible: false,
                     titleText: '',
-                    titleColor: '#646A73',
+                    titleColor: '#606773',
                     titleFontSize: 12,
                     titleFontWeight: 400
                 },
                 grid: {
                     visible: false,
-                    gridColor: '#36415926',
+                    gridColor: '#E3E5EB',
                     gridWidth: 0.5,
                     gridLineDash: [
                         4,
@@ -12813,11 +12997,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#3641594d'
+                    tickColor: '#21252C'
                 },
                 line: {
                     visible: true,
-                    lineColor: '#3641594d',
+                    lineColor: '#21252C',
                     lineWidth: 1
                 }
             });
@@ -12827,14 +13011,14 @@
                 label: {
                     visible: true,
                     labelAngle: 0,
-                    labelColor: '#E2E3E6',
+                    labelColor: '#888C93',
                     labelFontSize: 12,
                     labelFontWeight: 400
                 },
                 title: {
                     visible: false,
                     titleText: '',
-                    titleColor: '#FDFDFD',
+                    titleColor: '#BBBDC3',
                     titleFontSize: 12,
                     titleFontWeight: 400
                 },
@@ -12851,11 +13035,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#4B4F54'
+                    tickColor: '#303339'
                 },
                 line: {
                     visible: false,
-                    lineColor: '#4B4F54',
+                    lineColor: '#303339',
                     lineWidth: 1
                 }
             });
@@ -12873,14 +13057,14 @@
                 label: {
                     visible: true,
                     labelAngle: 0,
-                    labelColor: '#E2E3E6',
+                    labelColor: '#888C93',
                     labelFontSize: 12,
                     labelFontWeight: 400
                 },
                 title: {
                     visible: false,
                     titleText: '',
-                    titleColor: '#FDFDFD',
+                    titleColor: '#BBBDC3',
                     titleFontSize: 12,
                     titleFontWeight: 400
                 },
@@ -12897,11 +13081,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#4B4F54'
+                    tickColor: '#303339'
                 },
                 line: {
                     visible: true,
-                    lineColor: '#4B4F54',
+                    lineColor: '#303339',
                     lineWidth: 1
                 }
             });
@@ -12909,15 +13093,15 @@
                 textBackgroundVisible: true,
                 textFontSize: 12,
                 textFontWeight: 400,
-                textBackgroundBorderRadius: 4,
+                textBackgroundBorderRadius: 0,
                 textBackgroundBorderWidth: 1,
                 textBackgroundPadding: 2
             });
         const getLightAnnotationPoint = ()=>({
                 ...getDefaultAnnotationPoint(),
                 textColor: '#ffffff',
-                textBackgroundColor: '#364159',
-                textBackgroundBorderColor: '#3641594d'
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB'
             });
         const getDefaultAnnotationLine = ()=>({
                 lineVisible: true,
@@ -12946,7 +13130,7 @@
                 textBackgroundVisible: true,
                 textBackgroundBorderWidth: 1,
                 textBackgroundBorderRadius: 0,
-                textBackgroundPadding: 4,
+                textBackgroundPadding: 2,
                 areaBorderWidth: 0,
                 areaBorderRadius: 0,
                 areaLineDash: [
@@ -12972,9 +13156,9 @@
             });
         const getDarkAnnotationPoint = ()=>({
                 ...getDefaultAnnotationPoint(),
-                textColor: '#4B4F54',
-                textBackgroundColor: '#ffffff',
-                textBackgroundBorderColor: '#ffffff'
+                textColor: '#E2E3E6',
+                textBackgroundColor: '#55595F',
+                textBackgroundBorderColor: '#55595F'
             });
         const getDarkAnnotationHorizontalLine = ()=>({
                 ...getDefaultAnnotationLine(),
@@ -13100,7 +13284,7 @@
                 backgroundColor: 'transparent',
                 color: getLightColor(),
                 label: getLightLabel(),
-                legend: getDefaultLegend(),
+                legend: getLightLegend(),
                 tooltip: getLightTooltip()
             };
             const tableConfig = getLightTableConfig();
@@ -13369,7 +13553,7 @@
                 backgroundColor: 'transparent',
                 color: getDarkColor(),
                 label: getDarkLabel(),
-                legend: getDefaultLegend(),
+                legend: getDarkLegend(),
                 tooltip: getDarkTooltip()
             };
             const tableConfig = getDarkTableConfig();
@@ -17037,9 +17221,9 @@
         const zMeasure = schemas_object({
             id: schemas_string(),
             alias: schemas_string().optional(),
-            autoFormat: schemas_boolean().default(true),
-            numFormat: zNumFormat["default"]({}),
-            format: zNumFormat["default"]({}),
+            autoFormat: schemas_boolean().optional(),
+            numFormat: zNumFormat.optional(),
+            format: zNumFormat.optional(),
             encoding: schemas_enum([
                 'primaryYAxis',
                 'secondaryYAxis',
@@ -17052,7 +17236,16 @@
                 'label',
                 'tooltip',
                 'detail',
-                'column'
+                'column',
+                'value',
+                'q1',
+                'q3',
+                'min',
+                'max',
+                'median',
+                'outliers',
+                'x0',
+                'x1'
             ]).optional(),
             parentId: schemas_string().optional()
         });
@@ -17464,6 +17657,8 @@
                 'br'
             ]).default('bottom').nullish(),
             labelColor: schemas_string().default('#fff').nullish(),
+            pagerIconColor: schemas_string().nullish(),
+            pagerIconDisableColor: schemas_string().nullish(),
             labelFontSize: schemas_number().default(12).nullish(),
             labelFontWeight: schemas_number().or(schemas_string()).default(400).nullish()
         });
@@ -18608,6 +18803,8 @@
             datasetReshapeInfo: zDatasetReshapeInfo,
             dimensions: zDimensionTree,
             measures: zMeasureTree,
+            reshapeMeasures: zMeasureTree.optional(),
+            reshapeDimensions: zDimensionTree.optional(),
             encoding: zEncoding,
             config: zConfig,
             analysis: zAnalysis,