@visactor/vseed 0.2.1 → 0.2.3

package/dist/umd/index.js

@@ -71,6 +71,7 @@
             zAnnotationVerticalLineConfig: ()=>zAnnotationVerticalLineConfig,
             zCustomThemeConfig: ()=>zCustomThemeConfig,
             zMeasureEncoding: ()=>zMeasureEncoding,
+            zMeasureSelector: ()=>zMeasureSelector,
             MedianMeasureId: ()=>MedianMeasureId,
             BinPercentageMeasureId: ()=>BinPercentageMeasureId,
             AngleEncoding: ()=>AngleEncoding,
@@ -119,7 +120,6 @@
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             FoldMeasureId: ()=>FoldMeasureId,
-            zBoxplot: ()=>zBoxplot,
             MeasureName: ()=>MeasureName,
             lightTheme: ()=>lightTheme,
             zSort: ()=>zSort,
@@ -140,13 +140,14 @@
             zLinearRegressionLine: ()=>zLinearRegressionLine,
             createNumFormatter: ()=>createNumFormatter,
             DEFAULT_PARENT_ID: ()=>DEFAULT_PARENT_ID,
-            isPivotChart: ()=>isPivotChart,
+            isPivotChart: ()=>chatType_isPivotChart,
             zPolynomialRegressionLine: ()=>zPolynomialRegressionLine,
             zTableConfig: ()=>zTableConfig,
             findFirstMeasure: ()=>findFirstMeasure,
             isValueSelector: ()=>isValueSelector,
             zFunnel: ()=>zFunnel,
             zChartType: ()=>zChartType,
+            zAreaSelectors: ()=>zAreaSelectors,
             registerColumnParallel: ()=>registerColumnParallel,
             isDimensionSelector: ()=>isDimensionSelector,
             BAND_AXIS_INNER_OFFSET_IN_PIVOT: ()=>2,
@@ -180,6 +181,7 @@
             registerHistogram: ()=>registerHistogram,
             Q1MeasureValue: ()=>"__Q1__",
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+            zAreaSelector: ()=>zAreaSelector,
             zRadarConfig: ()=>zRadarConfig,
             zRoseParallelConfig: ()=>zRoseParallelConfig,
             isMeasureSelector: ()=>isMeasureSelector,
@@ -209,7 +211,6 @@
             dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
             unfoldDimensions: ()=>unfoldDimensions,
             zArea: ()=>zArea,
-            registerBoxplot: ()=>registerBoxplot,
             histogramAdvancedPipeline: ()=>histogramAdvancedPipeline,
             registerDarkTheme: ()=>registerDarkTheme,
             ChartTypeEnum: ()=>ChartTypeEnum,
@@ -232,6 +233,7 @@
             registerPivotTable: ()=>registerPivotTable,
             execPipeline: ()=>execPipeline,
             XEncoding: ()=>XEncoding,
+            zBoxPlot: ()=>zBoxPlot,
             zLineStyle: ()=>zLineStyle,
             zRegressionLine: ()=>zRegressionLine,
             findMeasureById: ()=>findMeasureById,
@@ -247,12 +249,13 @@
             registerDonut: ()=>registerDonut,
             findTreeNodesBy: ()=>findTreeNodesBy,
             zRadar: ()=>zRadar,
-            zTable: ()=>zTable,
+            registerBoxPlot: ()=>registerBoxPlot,
             zAnnotation: ()=>zAnnotation,
-            zXBandAxis: ()=>zXBandAxis,
+            zTable: ()=>zTable,
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             ANNOTATION_Z_INDEX: ()=>1000,
             zColumnPercent: ()=>zColumnPercent,
+            zXBandAxis: ()=>zXBandAxis,
             createFormatter: ()=>createFormatter,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
             zSelector: ()=>zSelector,
@@ -273,6 +276,7 @@
             zDimensionLinkage: ()=>zDimensionLinkage,
             preorderTraverse: ()=>preorderTraverse,
             deleteMeasureTreeByCallback: ()=>deleteMeasureTreeByCallback,
+            zDimensionSelector: ()=>zDimensionSelector,
             registerLightTheme: ()=>registerLightTheme,
             isMeasure: ()=>isMeasure,
             FoldYMeasureValue: ()=>FoldYMeasureValue,
@@ -294,6 +298,7 @@
             registerDualAxis: ()=>registerDualAxis,
             zAnnotationHorizontalLineConfig: ()=>zAnnotationHorizontalLineConfig,
             registerFunnel: ()=>registerFunnel,
+            BoxPlotPivotIndicator: ()=>BoxPlotPivotIndicator,
             histogramSpecPipeline: ()=>histogramSpecPipeline,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zNumFormat: ()=>zNumFormat,
@@ -310,9 +315,10 @@
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
             DimensionEncodingEnum: ()=>DimensionEncodingEnum,
-            zDonutConfig: ()=>zDonutConfig,
+            revisedBoxPlotFieldKey: ()=>revisedBoxPlotFieldKey,
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
             zDataset: ()=>zDataset,
+            zDonutConfig: ()=>zDonutConfig,
             zLogisticRegressionLine: ()=>zLogisticRegressionLine,
             createFormatterByMeasure: ()=>createFormatterByMeasure,
             zBoxGapInGroup: ()=>zBoxGapInGroup,
@@ -374,10 +380,7 @@
             i18n = (segments, ...values)=>{
                 const text = segments.map((segment, index)=>segment + (values[index] || '')).join('');
                 const translatedText = this.translateMap?.[text]?.[this.locale];
-                if (chunk_JK3VNB42_n(translatedText)) {
-                    console.warn(`i18n ${this.locale} no translate: ${text}`);
-                    return text;
-                }
+                if (chunk_JK3VNB42_n(translatedText)) return text;
                 return translatedText;
             };
             setLocale = (locale)=>{
@@ -406,8 +409,7 @@
                 builder.advancedVSeed = advancedVSeed;
                 return advancedVSeed;
             } catch (e) {
-                console.error(e);
-                throw new Error(`buildAdvanced error: ${e.message}.\ndetails info in console`);
+                throw new Error(`buildAdvanced error: ${e.message}`);
             } finally{
                 const end = 'undefined' != typeof performance ? performance.now() : Date.now();
                 builder.performance['buildAdvanced'] = `${(end - start).toFixed(4)}ms`;
@@ -428,8 +430,7 @@
                 builder.spec = spec;
                 return spec;
             } catch (e) {
-                console.error(e);
-                throw new Error(`buildSpec error: ${e.message}.\ndetails info in console`);
+                throw new Error(`buildSpec error: ${e.message}`);
             } finally{
                 const end = 'undefined' != typeof performance ? performance.now() : Date.now();
                 builder.performance['buildSpec'] = `${(end - start).toFixed(4)}ms`;
@@ -635,7 +636,7 @@
                 'pivotTable'
             ].includes(vseed.chartType);
         const isVChart = (vseed)=>!isVTable(vseed);
-        const isPivotChart = (vseed)=>{
+        const chatType_isPivotChart = (vseed)=>{
             if (isVTable(vseed)) return false;
             if (chatType_isPivot(vseed)) return true;
             return isCombination(vseed);
@@ -1653,6 +1654,7 @@
         const DetailEncoding = '__Dim_Detail__';
         const ColorEncoding = '__Dim_Color__';
         const ColorIdEncoding = '__Dim_ColorId__';
+        const BoxPlotPivotIndicator = '__BoxPlot_Pivot_Indicator__';
         const LowerWhisker = '__Lower_Whisker__';
         const UpperWhisker = '__Upper_Whisker__';
         const OutliersMeasureId = '__Outliers__';
@@ -2316,7 +2318,7 @@
                 advancedVSeed.measures = generateMeasuresByParentId(advancedVSeed.measures);
                 return advancedVSeed;
             }
-            if (isPivotChart(advancedVSeed)) advancedVSeed.measures = basicMeasuresToMeasureTree(advancedVSeed.measures);
+            if (chatType_isPivotChart(advancedVSeed)) advancedVSeed.measures = basicMeasuresToMeasureTree(advancedVSeed.measures);
             return advancedVSeed;
         };
         const generateMeasuresByParentId = (measures)=>{
@@ -2451,7 +2453,7 @@
         };
         const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
                 const { vseed } = context;
-                const usePivotChart = isPivotChart(vseed);
+                const usePivotChart = chatType_isPivotChart(vseed);
                 if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
                 return execPipeline(pipeline, context, advancedVSeed);
             };
@@ -2929,7 +2931,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -2954,24 +2956,14 @@
                 return alias;
             }).join(' & ');
         };
-        const xBand = (spec, context)=>{
-            const result = {
-                ...spec
-            };
-            const { advancedVSeed, vseed } = context;
-            const { chartType } = vseed;
-            const { measures, dimensions, encoding, datasetReshapeInfo, pivotAllDatasetReshapeInfo } = advancedVSeed;
-            const config = advancedVSeed.config?.[chartType]?.xAxis ?? {};
-            if (!result.axes) result.axes = [];
+        const isNull = (value)=>null === value;
+        const common_isNull = isNull;
+        const bandAxisStyle = (config)=>{
             const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength = 80, labelAutoRotate, labelAutoRotateAngleRange } = config;
-            const sampling = !(labelAutoHide || labelAutoRotate || labelAutoLimit);
-            const onlyMeasureId = 0 === (encoding.x || []).filter((v)=>v !== MeasureId).length;
-            const bandAxis = {
-                visible,
+            return {
                 type: 'band',
-                orient: 'bottom',
-                maxHeight: labelAutoLimitLength + 60,
-                sampling,
+                sampling: !(labelAutoHide || labelAutoRotate || labelAutoLimit),
+                visible,
                 hover: true,
                 label: {
                     visible: label?.visible,
@@ -2995,7 +2987,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.x),
+                    text: title?.titleText,
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -3024,16 +3016,32 @@
                         lineWidth: line?.lineWidth,
                         stroke: line?.lineColor
                     }
-                },
-                paddingInner: [
-                    0.15,
-                    0.1
-                ],
-                paddingOuter: [
-                    0.075,
-                    0.1
-                ]
+                }
             };
+        };
+        const xBand = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const { measures, dimensions, encoding, datasetReshapeInfo, pivotAllDatasetReshapeInfo } = advancedVSeed;
+            const config = advancedVSeed.config?.[chartType]?.xAxis ?? {};
+            if (!result.axes) result.axes = [];
+            const { labelAutoLimitLength = 80 } = config;
+            const onlyMeasureId = 0 === (encoding.x || []).filter((v)=>v !== MeasureId).length;
+            const bandAxis = bandAxisStyle(config);
+            bandAxis.orient = 'bottom';
+            bandAxis.maxHeight = labelAutoLimitLength + 60;
+            bandAxis.paddingInner = [
+                0.15,
+                0.1
+            ];
+            bandAxis.paddingOuter = [
+                0.075,
+                0.1
+            ];
+            if (common_isNull(bandAxis.title?.text)) bandAxis.title.text = defaultTitleText(measures, dimensions, encoding.x);
             if (onlyMeasureId && bandAxis.label) {
                 const allDatasetReshapeInfo = pivotAllDatasetReshapeInfo || datasetReshapeInfo;
                 const colorIdMap = allDatasetReshapeInfo.reduce((prev, cur)=>({
@@ -3069,7 +3077,7 @@
             const { measures, dimensions, encoding } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.yAxis ?? {};
             if (!result.axes) result.axes = [];
-            const isPivot = isPivotChart(vseed);
+            const isPivot = chatType_isPivotChart(vseed);
             const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
             const formatter = createNumFormatter(numFormat);
             const percentFormatter = createNumFormatter({
@@ -3337,7 +3345,7 @@
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.legend) return result;
             const { legend } = baseConfig;
-            const { enable, position = 'bottom', labelFontColor, labelColor, labelFontSize = 12, labelFontWeight } = legend || {};
+            const { enable, position = 'bottom', labelFontColor, labelColor, labelFontSize = 12, labelFontWeight, railBackgroundColor, handlerBorderColor } = legend || {};
             const orient = [
                 'bottom',
                 'bottomLeft',
@@ -3391,6 +3399,18 @@
                         fontSize: labelFontSize,
                         fontWeight: labelFontWeight
                     }
+                },
+                rail: {
+                    style: {
+                        fill: railBackgroundColor
+                    }
+                },
+                handler: {
+                    style: {
+                        outerBorder: {
+                            stroke: handlerBorderColor
+                        }
+                    }
                 }
             };
             const colorMeasure = findTreeNodesBy(measures, (m)=>'color' === m.encoding)?.[0];
@@ -3638,7 +3658,7 @@
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedDimensions, advancedVSeedMeasures, encoding, foldInfoList)=>{
             const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelStroke, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
             const hasDimLabelEncoding = vseedDimensions.some((item)=>encoding.label?.includes(item.id));
-            const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureId) : [], (item)=>item.id);
+            const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureId && 'row' !== d.encoding && 'column' !== d.encoding) : [], (item)=>item.id);
             const labelMeas = T(vseedMeasures.filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
             const percentFormat = chunk_5S4PYKVY_t(numFormat, {
                 type: 'percent'
@@ -3713,6 +3733,61 @@
                     fontWeight: 'bold'
                 }
             });
+        const setWholeIcon = (shapeContainer, color)=>{
+            shapeContainer.style.backgroundColor = color;
+            shapeContainer.style.borderColor = color;
+            shapeContainer.style.width = '4px';
+            shapeContainer.style.height = '100%';
+            shapeContainer.style.display = 'inline-block';
+            shapeContainer.style.borderRadius = '2px';
+            shapeContainer.style.marginRight = '6px';
+            const shapeElements = shapeContainer.children;
+            for(let i = 0; i < shapeElements.length; i++){
+                const shapeElement = shapeElements[i];
+                const svgElement = shapeElement.children[0];
+                if (svgElement) svgElement.style.visibility = 'hidden';
+                shapeElement.style.background = 'transparent';
+                shapeElement.style.borderColor = 'transparent';
+            }
+        };
+        const updateTooltipElement = (tooltipElement, actualTooltip)=>{
+            if (!tooltipElement || !tooltipElement.querySelector || !actualTooltip) return;
+            const shapeContainer = tooltipElement.querySelector('.vchart-tooltip-shape-column');
+            if (!shapeContainer) return;
+            if ('mark' === actualTooltip.activeType) {
+                const color = actualTooltip.content[0].shapeFill ?? 'transparent';
+                setWholeIcon(shapeContainer, color);
+            } else if ('dimension' === actualTooltip.activeType) {
+                shapeContainer.style.background = 'transparent';
+                shapeContainer.style.borderColor = 'transparent';
+                shapeContainer.style.width = 'auto';
+                shapeContainer.style.height = 'auto';
+                shapeContainer.style.display = 'inline-block';
+                shapeContainer.style.marginRight = '2px';
+                const shapeElements = shapeContainer.children;
+                for(let i = 0; i < shapeElements.length; i++){
+                    const shapeElement = shapeElements[i];
+                    const svgElement = shapeElement.children[0];
+                    if (svgElement) svgElement.style.visibility = 'hidden';
+                    const color = actualTooltip.content[i]?.shapeFill ?? 'transparent';
+                    shapeElement.style.width = '4px';
+                    shapeElement.style.height = '100%';
+                    shapeElement.style.borderRadius = '2px';
+                    shapeElement.style.marginRight = '4px';
+                    shapeElement.style.backgroundColor = color;
+                    shapeElement.style.borderColor = color;
+                }
+            }
+            const title = tooltipElement.querySelector('.vchart-tooltip-title');
+            if (title) title.style.marginBottom = '8px';
+        };
+        const updateMarkTooltipElement = (tooltipElement, actualTooltip)=>{
+            if (!tooltipElement || !tooltipElement.querySelector || !actualTooltip) return;
+            const shapeContainer = tooltipElement.querySelector('.vchart-tooltip-shape-column');
+            if (!shapeContainer) return;
+            const color = actualTooltip.content[0].shapeFill ?? 'transparent';
+            setWholeIcon(shapeContainer, color);
+        };
         const tooltip_tooltip = (spec, context)=>{
             const result = {
                 ...spec
@@ -3739,7 +3814,8 @@
                         visible: true
                     },
                     content: createDimensionContent(dimensions, measures, foldInfo, unfoldInfo)
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -3874,33 +3950,39 @@
                 textBaseline: 'middle'
             }
         };
-        const annotationPoint_annotationPoint = (spec, context)=>{
-            const { advancedVSeed, vseed } = context;
-            const { annotation, config } = advancedVSeed;
-            if (!annotation || !annotation.annotationPoint) return spec;
-            const theme = config?.[vseed.chartType]?.annotation?.annotationPoint;
-            const { annotationPoint } = annotation;
-            const annotationPointList = Array.isArray(annotationPoint) ? annotationPoint : [
-                annotationPoint
-            ];
-            const isHorizontalBar = isBarLikeChart(advancedVSeed);
-            const defaultStyle = isHorizontalBar ? {
-                textAlign: 'right',
-                textBaseline: 'middle'
-            } : {
-                textAlign: 'center',
-                textBaseline: 'top'
-            };
-            const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = defaultStyle.textAlign, textBaseline = defaultStyle.textBaseline, textBackgroundBorderColor = theme?.textBackgroundBorderColor, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundPadding = theme?.textBackgroundPadding ?? 2, textBackgroundVisible = theme?.textBackgroundVisible ?? true, offsetX = theme?.offsetX ?? 0, offsetY = theme?.offsetY ?? 0 } = annotationPoint;
-                const dataset = advancedVSeed.dataset.flat();
-                const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
-                const dx = -10 - (isHorizontalBar ? textFontSize : 0);
-                const dy = isHorizontalBar ? 0 : textFontSize;
-                return selectedData.map((datum)=>({
+        const generateAnnotationPointPipe = (options)=>{
+            const findSelectedDatas = options.findSelectedDatas ?? ((dataset, s)=>dataset.filter((datum)=>selector_selector(datum, s)));
+            const generateMarkPoint = options.generateMarkPoint ?? ((datum)=>[
+                    {
+                        coordinate: (data)=>data.find((item)=>isSubset(datum, item))
+                    }
+                ]);
+            return (spec, context)=>{
+                const { advancedVSeed, vseed } = context;
+                const { annotation, config } = advancedVSeed;
+                if (!annotation || !annotation.annotationPoint) return spec;
+                const theme = config?.[vseed.chartType]?.annotation?.annotationPoint;
+                const { annotationPoint } = annotation;
+                const annotationPointList = Array.isArray(annotationPoint) ? annotationPoint : [
+                    annotationPoint
+                ];
+                const isHorizontalBar = isBarLikeChart(advancedVSeed);
+                const defaultStyle = isHorizontalBar ? {
+                    textAlign: 'right',
+                    textBaseline: 'middle'
+                } : {
+                    textAlign: 'center',
+                    textBaseline: 'top'
+                };
+                const markPoint = annotationPointList.flatMap((annotationPoint)=>{
+                    const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = defaultStyle.textAlign, textBaseline = defaultStyle.textBaseline, textBackgroundBorderColor = theme?.textBackgroundBorderColor, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundPadding = theme?.textBackgroundPadding ?? 2, textBackgroundVisible = theme?.textBackgroundVisible ?? true, offsetX = theme?.offsetX ?? 0, offsetY = theme?.offsetY ?? 0 } = annotationPoint;
+                    const dataset = advancedVSeed.dataset.flat();
+                    const selectedData = selectorPoint ? findSelectedDatas(dataset, selectorPoint, spec, context) : [];
+                    const dx = -10 - (isHorizontalBar ? textFontSize : 0);
+                    const dy = isHorizontalBar ? 0 : textFontSize;
+                    const markPointStyle = {
                         zIndex: 1000,
                         regionRelative: true,
-                        coordinate: (data)=>data.find((item)=>isSubset(datum, item)),
                         itemLine: {
                             visible: false
                         },
@@ -3938,20 +4020,31 @@
                                 }
                             }
                         }
-                    }));
-            });
-            return {
-                ...spec,
-                markPoint
+                    };
+                    return selectedData.reduce((res, datum)=>{
+                        const marks = generateMarkPoint(datum, spec, context);
+                        if (marks && marks.length) marks.forEach((mark)=>{
+                            res.push({
+                                ...markPointStyle,
+                                ...mark
+                            });
+                        });
+                        return res;
+                    }, []);
+                });
+                return {
+                    ...spec,
+                    markPoint
+                };
             };
         };
+        const annotationPoint_annotationPoint = generateAnnotationPointPipe({});
         function chunk_BO3LQZNF_o(r) {
             return Array.isArray(r);
         }
         const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
-            const { annotation, datasetReshapeInfo, config } = advancedVSeed;
-            const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+            const { annotation, config } = advancedVSeed;
             if (!annotation || !annotation.annotationVerticalLine) return spec;
             const theme = config?.[vseed.chartType]?.annotation?.annotationVerticalLine;
             const { annotationVerticalLine } = annotation;
@@ -3967,8 +4060,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-                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 { 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 generateOneMarkLine = (x)=>({
                         x,
                         autoRange: true,
@@ -4039,18 +4131,13 @@
                             }
                         }
                     });
-                if (!selectorPoint && chunk_BO3LQZNF_o(xValue) || chunk_SFZGYJFI_t(xValue) || chunk_6GTAPB47_e(xValue)) {
+                if (chunk_BO3LQZNF_o(xValue) || chunk_SFZGYJFI_t(xValue) || chunk_6GTAPB47_e(xValue)) {
                     const xValueArr = Array.isArray(xValue) ? xValue : [
                         xValue
                     ];
                     return xValueArr.map(generateOneMarkLine);
                 }
-                const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
-                return selectedData.map((datum)=>{
-                    if (datum[unfoldInfo.encodingX]) return generateOneMarkLine(datum[unfoldInfo.encodingX]);
-                    if (datum[foldInfo.measureValue]) return generateOneMarkLine(datum[foldInfo.measureValue]);
-                    return {};
-                });
+                return [];
             });
             const specMarkLine = spec.markLine || [];
             const newMarkLine = [
@@ -4064,8 +4151,7 @@
         };
         const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
-            const { annotation, datasetReshapeInfo, config } = advancedVSeed;
-            const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
+            const { annotation, config } = advancedVSeed;
             if (!annotation || !annotation.annotationHorizontalLine) return spec;
             const theme = config?.[vseed.chartType]?.annotation?.annotationHorizontalLine;
             const { annotationHorizontalLine } = annotation;
@@ -4081,8 +4167,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationHorizontalLineList.flatMap((annotationHorizontalLine)=>{
-                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 { 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 generateOneMarkLine = (y)=>({
                         y,
                         autoRange: true,
@@ -4152,18 +4237,13 @@
                             }
                         }
                     });
-                if (!selectorPoint && chunk_BO3LQZNF_o(yValue) || chunk_SFZGYJFI_t(yValue) || chunk_6GTAPB47_e(yValue)) {
+                if (chunk_BO3LQZNF_o(yValue) || chunk_SFZGYJFI_t(yValue) || chunk_6GTAPB47_e(yValue)) {
                     const yValueArr = Array.isArray(yValue) ? yValue : [
                         yValue
                     ];
                     return yValueArr.map(generateOneMarkLine);
                 }
-                const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
-                return selectedData.map((datum)=>{
-                    if (datum[unfoldInfo.encodingY]) return generateOneMarkLine(datum[unfoldInfo.encodingY]);
-                    if (datum[foldInfo.measureValue]) return generateOneMarkLine(datum[foldInfo.measureValue]);
-                    return {};
-                });
+                return [];
             });
             const specMarkLine = spec.markLine || [];
             const newMarkLine = [
@@ -5535,8 +5615,8 @@
             });
             spec.chartDimensionLinkage = {
                 showTooltip: config.showTooltip ?? chartSpec?.tooltip?.dimension?.visible ?? true,
-                heightLimitToShowTooltipForLastRow: 60,
-                widthLimitToShowTooltipForLastColumn: 90,
+                heightLimitToShowTooltipForEdgeRow: 60,
+                widthLimitToShowTooltipForEdgeColumn: 90,
                 labelHoverOnAxis
             };
             return spec;
@@ -5544,7 +5624,7 @@
         const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>{
             const adapted = (spec, context)=>{
                 const { vseed } = context;
-                const usePivotChart = isPivotChart(vseed);
+                const usePivotChart = chatType_isPivotChart(vseed);
                 if (usePivotChart) return execPipeline(pivotPipeline, context, spec);
                 return execPipeline(pipeline, context, spec);
             };
@@ -7062,7 +7142,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -7076,7 +7156,7 @@
             const { chartType } = vseed;
             const config = advancedVSeed.config?.[chartType]?.xAxis ?? {};
             if (!result.axes) result.axes = [];
-            const isPivot = isPivotChart(vseed);
+            const isPivot = chatType_isPivotChart(vseed);
             const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
             const formatter = createNumFormatter(numFormat);
             const percentFormatter = createNumFormatter({
@@ -7164,78 +7244,22 @@
             const { measures, dimensions, encoding, datasetReshapeInfo, pivotAllDatasetReshapeInfo } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.yAxis ?? {};
             if (!result.axes) result.axes = [];
-            const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength = 80, labelAutoRotate, labelAutoRotateAngleRange } = config;
-            const sampling = !(labelAutoHide || labelAutoRotate || labelAutoLimit);
+            const { labelAutoLimitLength = 80 } = config;
             const onlyMeasureId = 0 === (encoding.y || []).filter((v)=>v !== MeasureId).length;
-            const bandAxis = {
-                visible,
-                type: 'band',
-                orient: 'left',
-                maxWidth: labelAutoLimitLength + 60,
-                sampling,
-                hover: true,
-                label: {
-                    visible: label?.visible,
-                    flush: true,
-                    containerAlign: 'right',
-                    space: 8,
-                    style: {
-                        maxLineWidth: labelAutoLimitLength,
-                        fill: label?.labelColor,
-                        angle: label?.labelAngle,
-                        fontSize: label?.labelFontSize,
-                        fontWeight: label?.labelFontWeight
-                    },
-                    minGap: labelAutoHideGap,
-                    autoHide: labelAutoHide,
-                    autoHideMethod: 'greedy',
-                    autoHideSeparation: labelAutoHideGap,
-                    autoLimit: labelAutoLimit,
-                    autoRotate: labelAutoRotate,
-                    autoRotateAngle: labelAutoRotateAngleRange,
-                    lastVisible: true
-                },
-                title: {
-                    visible: title?.visible,
-                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
-                    style: {
-                        fill: title?.titleColor,
-                        fontSize: title?.titleFontSize,
-                        fontWeight: title?.titleFontWeight
-                    }
-                },
-                tick: {
-                    visible: tick?.visible,
-                    tickSize: tick?.tickSize,
-                    inside: tick?.tickInside,
-                    style: {
-                        stroke: tick?.tickColor
-                    }
-                },
-                grid: {
-                    visible: grid?.visible,
-                    style: {
-                        lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor,
-                        lineDash: grid?.gridLineDash
-                    }
-                },
-                domainLine: {
-                    visible: line?.visible,
-                    style: {
-                        lineWidth: line?.lineWidth,
-                        stroke: line?.lineColor
-                    }
-                },
-                paddingInner: [
-                    0.15,
-                    0.1
-                ],
-                paddingOuter: [
-                    0.075,
-                    0.1
-                ]
-            };
+            const bandAxis = bandAxisStyle(config);
+            bandAxis.type = 'band';
+            bandAxis.orient = 'left';
+            bandAxis.maxWidth = labelAutoLimitLength + 60;
+            if (bandAxis.label) bandAxis.label.containerAlign = 'right';
+            bandAxis.paddingInner = [
+                0.15,
+                0.1
+            ];
+            bandAxis.paddingOuter = [
+                0.075,
+                0.1
+            ];
+            if (common_isNull(bandAxis.title?.text)) bandAxis.title.text = defaultTitleText(measures, dimensions, encoding.y);
             if (onlyMeasureId && bandAxis.label) {
                 const allDatasetReshapeInfo = pivotAllDatasetReshapeInfo || datasetReshapeInfo;
                 const colorIdMap = allDatasetReshapeInfo.reduce((prev, cur)=>({
@@ -8229,7 +8253,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
                     fields: fields
                 }
             };
@@ -8290,7 +8314,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -8403,37 +8428,56 @@
             const t = 1 - uu * uu * uu;
             return t * t * t;
         }
+        function stratifiedSample(sortedData, maxSamples) {
+            const n = sortedData.length;
+            if (n <= maxSamples) return sortedData;
+            const sampled = [], step = n / maxSamples;
+            for(let i = 0; i < maxSamples; i++){
+                const idx = Math.min(Math.floor(i * step), n - 1);
+                sampled.push(sortedData[idx]);
+            }
+            return sampled;
+        }
         function regressionLowess(data, x = (d)=>d.x, y = (d)=>d.y, options = {}) {
             var _a;
-            const span = options.span || .3, degree = 0 === options.degree ? 0 : 1, alpha = null != (_a = null == options ? void 0 : options.alpha) ? _a : .05, iterations = null == options.iterations ? 2 : options.iterations, ptsX = [], ptsY = [];
+            const span = options.span || .3, degree = 0 === options.degree ? 0 : 1, alpha = null != (_a = options.alpha) ? _a : .05, iterations = null == options.iterations ? 2 : options.iterations, maxSamples = options.maxSamples || 1e3, rawPoints = [];
             visitPoints(data, x, y, (dx, dy)=>{
-                ptsX.push(dx), ptsY.push(dy);
-            });
-            const n = ptsX.length;
+                rawPoints.push({
+                    x: dx,
+                    y: dy
+                });
+            }), rawPoints.sort((a, b)=>a.x - b.x);
+            const sampledPoints = stratifiedSample(rawPoints, maxSamples), n = sampledPoints.length, ptsX = new Array(n), ptsY = new Array(n);
+            for(let i = 0; i < n; i++)ptsX[i] = sampledPoints[i].x, ptsY[i] = sampledPoints[i].y;
             function predictSingle(x0, robustWeights) {
                 if (0 === n) return 0;
-                const dists = [];
-                for(let i = 0; i < n; i++)dists.push({
-                    idx: i,
-                    dist: Math.abs(ptsX[i] - x0)
-                });
-                dists.sort((a, b)=>a.dist - b.dist);
-                const m = Math.max(2, Math.min(n, Math.floor(span * n))), maxDist = dists[m - 1].dist || 0, w = new Array(m);
+                let left = 0, right = n;
+                for(; left < right;){
+                    const mid = left + right >> 1;
+                    ptsX[mid] < x0 ? left = mid + 1 : right = mid;
+                }
+                const m = Math.max(2, Math.min(n, Math.floor(span * n))), start = Math.max(0, left - Math.floor(m / 2)), end = Math.min(n, start + m), actualStart = Math.max(0, end - m);
+                let maxDist = 0;
+                const windowSize = end - actualStart, distances = new Array(windowSize);
+                for(let i = actualStart; i < end; i++){
+                    const dist = Math.abs(ptsX[i] - x0);
+                    distances[i - actualStart] = dist, dist > maxDist && (maxDist = dist);
+                }
                 let sumw = 0;
-                for(let i = 0; i < m; i++){
-                    const idx = dists[i].idx;
-                    let wi = tricube(0 === maxDist ? 0 : dists[i].dist / maxDist);
-                    robustWeights && null != robustWeights[idx] && (wi *= robustWeights[idx]), w[i] = wi, sumw += wi;
+                const w = new Array(windowSize);
+                for(let i = 0; i < windowSize; i++){
+                    let wi = tricube(0 === maxDist ? 0 : distances[i] / maxDist);
+                    robustWeights && null != robustWeights[actualStart + i] && (wi *= robustWeights[actualStart + i]), w[i] = wi, sumw += wi;
                 }
-                if (0 === sumw) return ptsY[dists[0].idx];
+                if (0 === sumw) return ptsY[left < n ? left : n - 1];
                 if (0 === degree) {
                     let s = 0;
-                    for(let i = 0; i < m; i++)s += w[i] * ptsY[dists[i].idx];
+                    for(let i = 0; i < w.length; i++)s += w[i] * ptsY[actualStart + i];
                     return s / sumw;
                 }
                 let sw = 0, sx = 0, sy = 0, sxx = 0, sxy = 0;
-                for(let i = 0; i < m; i++){
-                    const idx = dists[i].idx, xi = ptsX[idx], yi = ptsY[idx], wi = w[i];
+                for(let i = actualStart; i < end; i++){
+                    const idx = i - actualStart, xi = ptsX[i], yi = ptsY[i], wi = w[idx];
                     sw += wi, sx += wi * xi, sy += wi * yi, sxx += wi * xi * xi, sxy += wi * xi * yi;
                 }
                 const meanX = sx / sw, meanY = sy / sw, denom = sxx - sx * meanX, slope = Math.abs(denom) < 1e-12 ? 0 : (sxy - sx * meanY) / denom;
@@ -8441,8 +8485,8 @@
             }
             function predict(x0) {
                 if (Array.isArray(x0)) {
-                    const out = [];
-                    for(let i = 0; i < x0.length; i++)out.push(predictSingle(x0[i]));
+                    const len = x0.length, out = new Array(len);
+                    for(let i = 0; i < len; i++)out[i] = predictSingle(x0[i]);
                     return out;
                 }
                 return predictSingle(x0);
@@ -8451,26 +8495,23 @@
                 predict: predict,
                 evaluate: predict,
                 evaluateGrid: function(N) {
-                    const out = [];
-                    if (N <= 0) return out;
-                    if (0 === n) return out;
-                    let min = 1 / 0, max = -1 / 0;
-                    for(let i = 0; i < n; i++)ptsX[i] < min && (min = ptsX[i]), ptsX[i] > max && (max = ptsX[i]);
+                    if (N <= 0) return [];
+                    if (0 === n) return [];
+                    const out = new Array(N), min = ptsX[0], max = ptsX[n - 1];
                     if (min === max) {
                         const v = predictSingle(min);
-                        for(let i = 0; i < N; i++)out.push({
+                        for(let i = 0; i < N; i++)out[i] = {
                             x: min,
                             y: v
-                        });
+                        };
                         return out;
                     }
                     const step = (max - min) / (N - 1);
                     let robustWeights;
-                    for(let iter = 0; iter < iterations; iter++){
-                        const fits = [];
-                        for(let i = 0; i < n; i++)fits.push(predictSingle(ptsX[i], robustWeights));
-                        const res = [];
-                        for(let i = 0; i < n; i++)res.push(Math.abs(ptsY[i] - fits[i]));
+                    const effectiveIterations = null != options.iterations ? iterations : n > 500 ? 0 : iterations;
+                    if (effectiveIterations > 0) for(let iter = 0; iter < effectiveIterations; iter++){
+                        const fits = new Array(n), res = new Array(n);
+                        for(let i = 0; i < n; i++)fits[i] = predictSingle(ptsX[i], robustWeights), res[i] = Math.abs(ptsY[i] - fits[i]);
                         const med = res.slice().sort((a, b)=>a - b)[Math.floor(n / 2)] || 0;
                         robustWeights = new Array(n);
                         for(let i = 0; i < n; i++){
@@ -8480,10 +8521,10 @@
                     }
                     for(let i = 0; i < N; i++){
                         const px = i === N - 1 ? max : min + step * i;
-                        out.push({
+                        out[i] = {
                             x: px,
                             y: predictSingle(px, robustWeights)
-                        });
+                        };
                     }
                     return out;
                 },
@@ -8491,9 +8532,8 @@
                     const out = [];
                     if (N <= 0) return out;
                     if (0 === n) return out;
-                    let min = 1 / 0, max = -1 / 0;
-                    for(let i = 0; i < n; i++)ptsX[i] < min && (min = ptsX[i]), ptsX[i] > max && (max = ptsX[i]);
-                    if (min === 1 / 0 || max === -1 / 0) return out;
+                    const min = ptsX[0], max = ptsX[n - 1];
+                    if (void 0 === min || void 0 === max || min === 1 / 0 || max === -1 / 0) return out;
                     const comps = computeLinearCIComponents(data, x, y, (xx)=>predictSingle(xx));
                     if (0 === comps.n) return out;
                     const z = Math.abs(invNorm(1 - alpha / 2));
@@ -9323,6 +9363,10 @@
             result.animation = true;
             return result;
         };
+        const DEFAULT_DUAL_CHART_TYPE = {
+            primary: 'column',
+            secondary: 'line'
+        };
         const dualChartTypePrimary = (spec, context)=>{
             const result = {
                 ...spec,
@@ -9332,12 +9376,9 @@
             const { chartType } = vseed;
             const { datasetReshapeInfo } = advancedVSeed;
             const index = datasetReshapeInfo[0].index;
-            const config = advancedVSeed.config?.[chartType]?.dualChartType || {
-                primary: 'column',
-                secondary: 'line'
-            };
-            const primary = Array.isArray(config) ? config[index].primary || config[0].primary : config.primary;
-            const secondary = Array.isArray(config) ? config[index].secondary || config[0].secondary : config.secondary;
+            const config = advancedVSeed.config?.[chartType]?.dualChartType || DEFAULT_DUAL_CHART_TYPE;
+            const primary = (Array.isArray(config) ? config[index]?.primary || config[0]?.primary : config.primary) ?? DEFAULT_DUAL_CHART_TYPE.primary;
+            const secondary = (Array.isArray(config) ? config[index]?.secondary || config[0]?.secondary : config.secondary) ?? DEFAULT_DUAL_CHART_TYPE.secondary;
             const bothColumn = 'column' === primary && 'column' === secondary;
             const type = bothColumn ? 'columnParallel' : primary;
             switch(type){
@@ -9388,13 +9429,10 @@
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
             const { datasetReshapeInfo } = advancedVSeed;
-            const config = advancedVSeed.config?.[chartType]?.dualChartType || {
-                primary: 'column',
-                secondary: 'line'
-            };
+            const config = advancedVSeed.config?.[chartType]?.dualChartType || DEFAULT_DUAL_CHART_TYPE;
             const index = datasetReshapeInfo[0].index;
-            const primary = Array.isArray(config) ? config[index].primary || config[0].primary : config.primary;
-            const secondary = Array.isArray(config) ? config[index].secondary || config[0].secondary : config.secondary;
+            const primary = (Array.isArray(config) ? config[index]?.primary || config[0]?.primary : config.primary) ?? DEFAULT_DUAL_CHART_TYPE.primary;
+            const secondary = (Array.isArray(config) ? config[index]?.secondary || config[0]?.secondary : config.secondary) ?? DEFAULT_DUAL_CHART_TYPE.secondary;
             const bothColumn = 'column' === primary && 'column' === secondary;
             const type = bothColumn ? 'columnParallel' : secondary;
             switch(type){
@@ -9433,7 +9471,7 @@
                     result.type = 'scatter';
                     break;
                 default:
-                    result.type = secondary;
+                    result.type = secondary ?? DEFAULT_DUAL_CHART_TYPE.secondary;
             }
             return result;
         };
@@ -9472,7 +9510,7 @@
                 ...spec,
                 data: {
                     id: `${id}-primary-dataset`,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -9512,7 +9550,7 @@
                 ...spec,
                 data: {
                     id: `${id}-secondary-dataset`,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -9619,7 +9657,8 @@
                 enable: true
             } } = baseConfig;
             result.tooltip = {
-                style: getTooltipStyle(tooltip)
+                style: getTooltipStyle(tooltip),
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -9878,90 +9917,23 @@
                 }), match || (result[k] = v);
             }), result;
         }
-        const annotationPointOfDualAxis = (spec, context)=>{
-            const { advancedVSeed, vseed } = context;
-            const { annotation, config } = advancedVSeed;
-            if (!annotation || !annotation.annotationPoint) return spec;
-            const theme = config?.[vseed.chartType]?.annotation?.annotationPoint;
-            const { annotationPoint } = annotation;
-            const annotationPointList = Array.isArray(annotationPoint) ? annotationPoint : [
-                annotationPoint
-            ];
-            const isHorizontalBar = isBarLikeChart(advancedVSeed);
-            const defaultStyle = isHorizontalBar ? {
-                textAlign: 'right',
-                textBaseline: 'middle'
-            } : {
-                textAlign: 'center',
-                textBaseline: 'top'
-            };
-            const allMeasureIds = findAllMeasures(advancedVSeed.reshapeMeasures ?? advancedVSeed.measures).map((m)=>m.id);
-            const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = defaultStyle.textAlign, textBaseline = defaultStyle.textBaseline, textBackgroundBorderColor = theme?.textBackgroundBorderColor, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundPadding = theme?.textBackgroundPadding ?? 2, textBackgroundVisible = theme?.textBackgroundVisible ?? true, offsetX = theme?.offsetX ?? 0, offsetY = theme?.offsetY ?? 0 } = annotationPoint;
-                const dataset = advancedVSeed.dataset.flat();
-                const selectedData = selectorPoint ? dataset.reduce((res, d)=>{
+        const annotationPointOfDualAxis = generateAnnotationPointPipe({
+            findSelectedDatas: (dataset, s, spec, context)=>dataset.reduce((res, d)=>{
+                    const { advancedVSeed } = context;
+                    const allMeasureIds = findAllMeasures(advancedVSeed.reshapeMeasures ?? advancedVSeed.measures).map((m)=>m.id);
                     const pickedDatum = pickWithout(d, allMeasureIds.filter((id)=>id !== d[MeasureId]));
-                    if (selector_selector(pickedDatum, selectorPoint)) res.push(pickedDatum);
+                    if (selector_selector(pickedDatum, s)) res.push(pickedDatum);
                     return res;
-                }, []) : [];
-                const dx = -10 - (isHorizontalBar ? textFontSize : 0);
-                const dy = isHorizontalBar ? 0 : textFontSize;
-                const baseConfig = {
-                    zIndex: 1000,
-                    itemLine: {
-                        visible: false
-                    },
-                    itemContent: {
-                        offsetY,
-                        offsetX,
-                        confine: true,
-                        text: {
-                            text: text,
-                            style: {
-                                opacity: 0.95,
-                                visible: true,
-                                textAlign: textAlign,
-                                textBaseline: textBaseline,
-                                fill: textColor,
-                                stroke: textBackgroundColor,
-                                lineWidth: 1,
-                                fontSize: textFontSize,
-                                fontWeight: textFontWeight,
-                                dx,
-                                dy
-                            },
-                            labelBackground: {
-                                visible: textBackgroundVisible,
-                                padding: textBackgroundPadding,
-                                style: {
-                                    opacity: 0.95,
-                                    cornerRadius: textBackgroundBorderRadius ?? 4,
-                                    fill: textBackgroundColor,
-                                    stroke: textBackgroundBorderColor,
-                                    lineWidth: textBackgroundBorderWidth,
-                                    dx,
-                                    dy
-                                }
-                            }
-                        }
-                    }
-                };
-                return spec.series?.reduce((res, s, index)=>{
-                    selectedData.forEach((datum)=>{
-                        res.push({
-                            ...baseConfig,
-                            relativeSeriesIndex: index,
-                            coordinate: (data)=>data.find((item)=>isSubset(datum, item, allMeasureIds.filter((id)=>id !== item[MeasureId])))
-                        });
-                    });
-                    return res;
-                }, []);
-            });
-            return {
-                ...spec,
-                markPoint
-            };
-        };
+                }, []),
+            generateMarkPoint: (datum, spec, context)=>{
+                const { advancedVSeed } = context;
+                const allMeasureIds = findAllMeasures(advancedVSeed.reshapeMeasures ?? advancedVSeed.measures).map((m)=>m.id);
+                return spec.series?.map((s, index)=>({
+                        relativeSeriesIndex: index,
+                        coordinate: (data)=>data.find((item)=>isSubset(datum, item, allMeasureIds.filter((id)=>id !== item[MeasureId])))
+                    }));
+            }
+        });
         const dualAxis = [
             seriesDualAxis([
                 initDualAxisPrimary,
@@ -11284,6 +11256,26 @@
             markStyle_markStyle,
             annotation_annotation
         ];
+        const heatmapBandAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const xAxisConfig = advancedVSeed.config?.[chartType]?.xAxis ?? {};
+            const yAxisConfig = advancedVSeed.config?.[chartType]?.yAxis ?? {};
+            const xBandAxis = bandAxisStyle(xAxisConfig);
+            const yBandAxis = bandAxisStyle(yAxisConfig);
+            xBandAxis.orient = 'bottom';
+            xBandAxis.bandPadding = 0;
+            yBandAxis.orient = 'left';
+            yBandAxis.bandPadding = 0;
+            result.axes = [
+                xBandAxis,
+                yBandAxis
+            ];
+            return result;
+        };
         const heatmapColorLegend = (spec, context)=>{
             const result = colorLegend(spec, context);
             if (result.legends) result.legends.customFilter = (data, range, key)=>{
@@ -11356,7 +11348,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -11437,18 +11430,6 @@
             result.seriesField = unfoldInfo.encodingColorId;
             result.valueField = foldInfo.measureValue;
             result.padding = 0;
-            result.axes = [
-                {
-                    type: 'band',
-                    orient: 'left',
-                    bandPadding: 0
-                },
-                {
-                    type: 'band',
-                    orient: 'bottom',
-                    bandPadding: 0
-                }
-            ];
             result.region = [
                 {
                     clip: true
@@ -11463,6 +11444,7 @@
             datasetXY,
             colorAdapter(color_color, linearColor),
             label_label,
+            heatmapBandAxis,
             colorAdapter(discreteLegend, heatmapColorLegend),
             colorCellStyleFill(markStyle_cellStyle_cellStyle),
             tooltipHeatmap,
@@ -11482,6 +11464,7 @@
                 datasetXY,
                 colorAdapter(color_color, linearColor),
                 label_label,
+                heatmapBandAxis,
                 tooltipHeatmap,
                 colorCellStyleFill(markStyle_cellStyle_cellStyle),
                 annotationPoint_annotationPoint,
@@ -11741,6 +11724,10 @@
                 measures
             };
         };
+        const revisedBoxPlotFieldKey = (fieldKey, groupId, isPivotChart = true)=>{
+            if (!isPivotChart) return fieldKey;
+            return `${BoxPlotPivotIndicator}_${groupId}_${fieldKey}`;
+        };
         const pivotReshapeWithBoxplotEncoding = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -11792,6 +11779,12 @@
                         boxPlotData.forEach((datum)=>{
                             datum[FoldMeasureId] = f;
                             datum[FoldMeasureName] = m?.alias ?? f;
+                            datum[revisedBoxPlotFieldKey("__Q1__", groupId)] = datum["__Q1__"];
+                            datum[revisedBoxPlotFieldKey("__Q3__", groupId)] = datum["__Q3__"];
+                            datum[revisedBoxPlotFieldKey(LowerWhisker, groupId)] = datum[LowerWhisker];
+                            datum[revisedBoxPlotFieldKey(UpperWhisker, groupId)] = datum[UpperWhisker];
+                            datum[revisedBoxPlotFieldKey(MedianMeasureId, groupId)] = datum[MedianMeasureId];
+                            datum[revisedBoxPlotFieldKey(OutliersMeasureId, groupId)] = datum[OutliersMeasureId];
                         });
                         boxPlotDataList.push(...boxPlotData);
                     });
@@ -11812,10 +11805,15 @@
                     });
                     res.dataset.forEach((datum)=>{
                         datum[UpperWhisker] = datum[encoding.max[0]];
+                        datum[revisedBoxPlotFieldKey("__Q1__", groupId)] = datum[encoding.max[0]];
                         datum[LowerWhisker] = datum[encoding.min[0]];
+                        datum[revisedBoxPlotFieldKey(LowerWhisker, groupId)] = datum[encoding.min[0]];
                         datum["__Q1__"] = datum[encoding.q1[0]];
+                        datum[revisedBoxPlotFieldKey("__Q1__", groupId)] = datum[encoding.q1[0]];
                         datum["__Q3__"] = datum[encoding.q3[0]];
+                        datum[revisedBoxPlotFieldKey("__Q3__", groupId)] = datum[encoding.q3[0]];
                         datum[MedianMeasureId] = datum[encoding.median[0]];
+                        datum[revisedBoxPlotFieldKey(MedianMeasureId, groupId)] = datum[encoding.median[0]];
                     });
                     newDatasets = res.dataset;
                     foldInfo = {};
@@ -11869,16 +11867,17 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { datasetReshapeInfo, encoding } = advancedVSeed;
-            const { unfoldInfo } = datasetReshapeInfo[0];
+            const { unfoldInfo, id } = datasetReshapeInfo[0];
+            const usePivotChart = chatType_isPivotChart(vseed);
             result.type = 'boxPlot';
-            result.minField = LowerWhisker;
-            result.maxField = UpperWhisker;
-            result.q1Field = "__Q1__";
-            result.medianField = MedianMeasureId;
-            result.q3Field = "__Q3__";
-            result.outliersField = OutliersMeasureId;
+            result.minField = revisedBoxPlotFieldKey(LowerWhisker, id, usePivotChart);
+            result.maxField = revisedBoxPlotFieldKey(UpperWhisker, id, usePivotChart);
+            result.q1Field = revisedBoxPlotFieldKey("__Q1__", id, usePivotChart);
+            result.medianField = revisedBoxPlotFieldKey(MedianMeasureId, id, usePivotChart);
+            result.q3Field = revisedBoxPlotFieldKey("__Q3__", id, usePivotChart);
+            result.outliersField = revisedBoxPlotFieldKey(OutliersMeasureId, id, usePivotChart);
             result.xField = [
                 unfoldInfo.encodingX
             ];
@@ -11926,7 +11925,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
                     fields: fields
                 }
             };
@@ -11998,7 +11997,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -12210,10 +12210,55 @@
         const boxplotSpecPipeline = [
             pivotAdapter_pivotAdapter(boxplot_boxplot, pivotBoxplot)
         ];
-        const registerBoxplot = ()=>{
+        const registerBoxPlot = ()=>{
             Builder._advancedPipelineMap.boxPlot = boxplotAdvancedPipeline;
             Builder._specPipelineMap.boxPlot = boxplotSpecPipeline;
         };
+        const isArrayLike_isArrayLike = function(value) {
+            return null !== value && "function" != typeof value && Number.isFinite(value.length);
+        };
+        const common_isArrayLike = isArrayLike_isArrayLike;
+        function baseMerge(target, source, shallowArray = !1, skipTargetArray = !1) {
+            if (source) {
+                if (target === source) return;
+                if (common_isValid(source) && "object" == typeof source) {
+                    const iterable = Object(source), props = [];
+                    for(const key in iterable)props.push(key);
+                    let { length: length } = props, propIndex = -1;
+                    for(; length--;){
+                        const key = props[++propIndex];
+                        !common_isValid(iterable[key]) || "object" != typeof iterable[key] || skipTargetArray && common_isArray(target[key]) ? assignMergeValue(target, key, iterable[key]) : baseMergeDeep(target, source, key, shallowArray, skipTargetArray);
+                    }
+                }
+            }
+        }
+        function baseMergeDeep(target, source, key, shallowArray = !1, skipTargetArray = !1) {
+            const objValue = target[key], srcValue = source[key];
+            let newValue = source[key], isCommon = !0;
+            if (common_isArray(srcValue)) {
+                if (shallowArray) newValue = [];
+                else if (common_isArray(objValue)) newValue = objValue;
+                else if (common_isArrayLike(objValue)) {
+                    newValue = new Array(objValue.length);
+                    let index = -1;
+                    const length = objValue.length;
+                    for(; ++index < length;)newValue[index] = objValue[index];
+                }
+            } else common_isPlainObject(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+            isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
+        }
+        function assignMergeValue(target, key, value) {
+            (void 0 === value || eq(target[key], value)) && (void 0 !== value || key in target) || (target[key] = value);
+        }
+        function eq(value, other) {
+            return value === other || Number.isNaN(value) && Number.isNaN(other);
+        }
+        function merge(target, ...sources) {
+            let sourceIndex = -1;
+            const length = sources.length;
+            for(; ++sourceIndex < length;)baseMerge(target, sources[sourceIndex], !0);
+            return target;
+        }
         const histogramConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType } = vseed;
@@ -12236,6 +12281,22 @@
                 'dimensionLinkage'
             ]);
             let config = replaceNullToUndefined(pickedConfig);
+            if (pickedConfig?.binValueType === 'percentage') config = merge({}, {
+                yAxis: {
+                    autoFomat: false,
+                    numFormat: {
+                        type: 'percent',
+                        fractionDigits: 1
+                    }
+                },
+                label: {
+                    autoFormat: false,
+                    numFormat: {
+                        type: 'percent',
+                        fractionDigits: 1
+                    }
+                }
+            }, config);
             if (!hasColorEncoding && !config?.legend?.enable) config = {
                 ...config,
                 legend: {
@@ -12428,15 +12489,21 @@
                     startMin
                 ]; startMin <= max;)startMin += stepSize, thresholds.push(startMin);
             } else {
-                const bins = options.bins && options.bins > 0 ? Math.floor(options.bins) : 10;
+                let 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;
+                    for(let i = 0; i <= bins; i++)if (thresholds[i] = start + stepSizeInt * i, thresholds[i] > max) {
+                        bins = i, thresholds.length = bins + 1;
+                        break;
+                    }
                 } else {
                     const stepSize = (max - min) / bins;
                     thresholds = new Array(bins + 1);
-                    for(let i = 0; i <= bins; i++)thresholds[i] = min + stepSize * i;
+                    for(let i = 0; i <= bins; i++)if (thresholds[i] = min + stepSize * i, thresholds[i] > max) {
+                        bins = i, thresholds.length = bins + 1;
+                        break;
+                    }
                 }
             }
             const numBins = Math.max(0, thresholds.length - 1);
@@ -12746,7 +12813,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
                     fields: fields
                 }
             };
@@ -12758,6 +12825,10 @@
             const formatter = createNumFormatter(numFormat);
             return (value)=>createLinearFormat(value, autoFormat, numFormat, formatter);
         };
+        const getDefaultValueFormatterOfHistogram = (binValueType = 'count')=>'percentage' === binValueType ? createNumFormatter({
+                type: 'percent',
+                fractionDigits: 1
+            }) : (value)=>autoFormatter(value);
         const tooltipHistogram_VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
         const tooltipHistogram = (spec, context)=>{
             const result = {
@@ -12766,11 +12837,12 @@
             const { advancedVSeed } = context;
             const { chartType, dimensions, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
-            const { tooltip = {
+            const { binValueType, tooltip = {
                 enable: true
             } } = baseConfig;
             const { enable } = tooltip;
             const defaultXFormatter = getDefaultXFormatterOfHistogram(advancedVSeed);
+            const defaultValueFormatter = getDefaultValueFormatterOfHistogram(binValueType);
             result.tooltip = {
                 style: getTooltipStyle(tooltip),
                 visible: enable,
@@ -12778,18 +12850,19 @@
                     title: {
                         visible: false
                     },
-                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter)
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter, defaultValueFormatter)
                 },
                 dimension: {
                     title: {
                         visible: false
                     },
-                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter)
-                }
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter, defaultValueFormatter)
+                },
+                updateElement: updateMarkTooltipElement
             };
             return result;
         };
-        const tooltipHistogram_createMarkContent = (tooltip, dimensions, encoding, dimFormatter)=>{
+        const tooltipHistogram_createMarkContent = (tooltip, dimensions, encoding, dimFormatter, defaultValueFormatter)=>{
             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,
@@ -12801,7 +12874,7 @@
                             if (encoding.color?.includes(item.id)) return datum?.[ColorEncoding];
                             if (encoding.x?.includes(item.id)) return datum?.[XEncoding];
                         }
-                        return datum?.[item.id];
+                        return defaultValueFormatter(datum?.[item.id]);
                     }
                 }));
             const defaultContent = [
@@ -12815,7 +12888,7 @@
                     },
                     value: (datum)=>{
                         if (!datum) return '';
-                        return datum[FoldMeasureValue];
+                        return defaultValueFormatter(datum[FoldMeasureValue]);
                     }
                 }
             ];
@@ -12845,6 +12918,24 @@
             };
             return result;
         };
+        const annotationPointOfHistogram = generateAnnotationPointPipe({
+            generateMarkPoint: (datum, spec)=>{
+                const histogramSpec = spec;
+                const xField = histogramSpec.xField;
+                const x2Field = histogramSpec.x2Field;
+                return [
+                    {
+                        coordinate: (data)=>{
+                            const d = data.find((item)=>isSubset(datum, item));
+                            return d ? {
+                                ...d,
+                                [xField]: (d[xField] + d[x2Field]) / 2
+                            } : void 0;
+                        }
+                    }
+                ];
+            }
+        });
         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));
@@ -13234,7 +13325,7 @@
             colorAdapter(discreteLegend, colorLegend),
             histogramVerticalCrosshairRect,
             colorBarStyleFill(barStyle_barStyle),
-            annotationPoint_annotationPoint,
+            annotationPointOfHistogram,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationAreaBand,
@@ -13257,7 +13348,7 @@
                 tooltipHistogram,
                 colorBarStyleFill(barStyle_barStyle),
                 histogramVerticalCrosshairRect,
-                annotationPoint_annotationPoint,
+                annotationPointOfHistogram,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationAreaBand,
@@ -13386,6 +13477,18 @@
                 pagerIconColor: '#89909D',
                 pagerIconDisableColor: '#F1F2F5'
             });
+        const getDarkColorLegend = ()=>({
+                ...getDefaultLegend(),
+                labelColor: '#BBBDC3',
+                railBackgroundColor: '#404349',
+                handlerBorderColor: '#4B4F54'
+            });
+        const getLightColorLegend = ()=>({
+                ...getDefaultLegend(),
+                labelColor: '#606773',
+                handlerBorderColor: '#fff',
+                railBackgroundColor: '#f1f3f4'
+            });
         const getDefaultTableConfig = ()=>({
                 bodyFontSize: 12,
                 bodyBackgroundColor: 'transparent',
@@ -13447,7 +13550,7 @@
                 enable: true,
                 borderRadius: 12,
                 borderWidth: 1,
-                padding: 7,
+                padding: 9,
                 lineHeight: 12,
                 fontSize: 12,
                 lineSpace: 6
@@ -14064,6 +14167,9 @@
                     },
                     heatmap: {
                         ...baseConfig,
+                        legend: getLightColorLegend(),
+                        xAxis: bandAxis,
+                        yAxis: bandAxis,
                         label: {
                             ...baseConfig.label,
                             labelColorSmartInvert: true
@@ -14329,6 +14435,9 @@
                     },
                     heatmap: {
                         ...baseConfig,
+                        legend: getDarkColorLegend(),
+                        xAxis: bandAxis,
+                        yAxis: bandAxis,
                         label: {
                             ...baseConfig.label,
                             labelColorSmartInvert: true
@@ -14392,7 +14501,7 @@
             registerRadar();
             registerFunnel();
             registerHeatmap();
-            registerBoxplot();
+            registerBoxPlot();
             registerHistogram();
             registerLightTheme();
             registerDarkTheme();
@@ -14737,7 +14846,7 @@
             });
             return clone(schema, def);
         }
-        function merge(a, b) {
+        function util_merge(a, b) {
             const def = mergeDefs(a._zod.def, {
                 get shape () {
                     const _shape = {
@@ -17416,7 +17525,7 @@
                     catchall: void 0
                 });
             inst.extend = (incoming)=>extend(inst, incoming);
-            inst.merge = (other)=>merge(inst, other);
+            inst.merge = (other)=>util_merge(inst, other);
             inst.pick = (mask)=>pick(inst, mask);
             inst.omit = (mask)=>omit(inst, mask);
             inst.partial = (...args)=>partial(ZodOptional, inst, args[0]);
@@ -18095,61 +18204,68 @@
         const zLinearColor = schemas_object({
             linearColorScheme: schemas_array(schemas_string()).nullish()
         });
+        const zMeasureSelector = schemas_object({
+            field: schemas_string(),
+            operator: schemas_enum([
+                '=',
+                '==',
+                '!=',
+                '>',
+                '<',
+                '>=',
+                '<=',
+                'between'
+            ]).nullish(),
+            op: schemas_enum([
+                '=',
+                '==',
+                '!=',
+                '>',
+                '<',
+                '>=',
+                '<=',
+                'between'
+            ]).nullish(),
+            value: union([
+                schemas_string(),
+                schemas_number(),
+                schemas_array(union([
+                    schemas_string(),
+                    schemas_number()
+                ]))
+            ])
+        });
+        const zDimensionSelector = schemas_object({
+            field: schemas_string(),
+            operator: schemas_enum([
+                'in',
+                'not in'
+            ]).nullish(),
+            op: schemas_enum([
+                'in',
+                'not in'
+            ]).nullish(),
+            value: union([
+                schemas_string(),
+                schemas_number(),
+                schemas_array(union([
+                    schemas_string(),
+                    schemas_number()
+                ]))
+            ])
+        });
         const zSelector = union([
             schemas_string(),
             schemas_number(),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                op: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            }),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                op: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            })
+            zMeasureSelector,
+            zDimensionSelector
         ]);
         const zSelectors = schemas_array(zSelector);
+        const zAreaSelector = union([
+            zMeasureSelector,
+            zDimensionSelector
+        ]);
+        const zAreaSelectors = schemas_array(zAreaSelector);
         const zLabel = schemas_object({
             enable: schemas_boolean().nullish(),
             wrap: schemas_boolean().nullish(),
@@ -18220,9 +18336,9 @@
                 'bl',
                 'br'
             ]).default('bottom').nullish(),
-            labelColor: schemas_string().default('#fff').nullish(),
             pagerIconColor: schemas_string().nullish(),
             pagerIconDisableColor: schemas_string().nullish(),
+            labelColor: schemas_string().default('#fff').nullish(),
             labelFontSize: schemas_number().default(12).nullish(),
             labelFontWeight: schemas_number().or(schemas_string()).default(400).nullish()
         });
@@ -18249,7 +18365,12 @@
                 'bl',
                 'br'
             ]).default('bottom').nullish(),
-            enable: schemas_boolean().default(true).nullish()
+            enable: schemas_boolean().default(true).nullish(),
+            railBackgroundColor: schemas_string().nullish(),
+            handlerBorderColor: schemas_string().nullish(),
+            labelColor: schemas_string().default('#fff').nullish(),
+            labelFontSize: schemas_number().default(12).nullish(),
+            labelFontWeight: schemas_number().or(schemas_string()).default(400).nullish()
         });
         const zTooltip = schemas_object({
             enable: schemas_boolean().default(true).nullish(),
@@ -18294,10 +18415,6 @@
             offsetX: schemas_number().default(0).nullish()
         });
         const zAnnotationHorizontalLine = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
             yValue: union([
                 schemas_number(),
                 schemas_string(),
@@ -18345,8 +18462,8 @@
         });
         const zAnnotationArea = schemas_object({
             selector: union([
-                zSelector,
-                zSelectors
+                zAreaSelector,
+                zAreaSelectors
             ]).nullish(),
             textPosition: schemas_enum([
                 'top',
@@ -18641,9 +18758,11 @@
             label: zLabel.nullish(),
             color: zColor.nullish(),
             tooltip: zTooltip.nullish(),
-            legend: zLegend.nullish(),
+            legend: zColorLegend.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            cell: zHeatmapCell.nullish()
+            cell: zHeatmapCell.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYBandAxis.nullish()
         });
         const zPivotTableConfig = zTableConfig;
         const zWhiskersConfig = schemas_number().or(schemas_array(schemas_number())).default(1.5);
@@ -18819,10 +18938,6 @@
             outlierStyle: zOutlierStyle.or(schemas_array(zOutlierStyle)).nullish()
         });
         const zAnnotationVerticalLine = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
             xValue: union([
                 schemas_number(),
                 schemas_string(),
@@ -19004,7 +19119,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
-            polynomialRegressionLine: schemas_array(zPolynomialRegressionLine).or(zPolynomialRegressionLine).or(schemas_boolean()).nullish(),
+            polynomialRegressionLine: schemas_array(zPolynomialRegressionLine).or(zPolynomialRegressionLine).nullish(),
             dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
@@ -19208,10 +19323,10 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
-            linearRegressionLine: schemas_array(zLinearRegressionLine).or(zLinearRegressionLine).or(schemas_boolean()).nullish(),
-            lowessRegressionLine: schemas_array(zLowessRegressionLine).or(zLowessRegressionLine).or(schemas_boolean()).nullish(),
-            polynomialRegressionLine: schemas_array(zPolynomialRegressionLine).or(zPolynomialRegressionLine).or(schemas_boolean()).nullish(),
-            logisticRegressionLine: schemas_array(zLogisticRegressionLine).or(zLogisticRegressionLine).or(schemas_boolean()).nullish(),
+            linearRegressionLine: schemas_array(zLinearRegressionLine).or(zLinearRegressionLine).nullish(),
+            lowessRegressionLine: schemas_array(zLowessRegressionLine).or(zLowessRegressionLine).nullish(),
+            polynomialRegressionLine: schemas_array(zPolynomialRegressionLine).or(zPolynomialRegressionLine).nullish(),
+            logisticRegressionLine: schemas_array(zLogisticRegressionLine).or(zLogisticRegressionLine).nullish(),
             dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
@@ -19373,7 +19488,7 @@
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
-        const zBoxplot = schemas_object({
+        const zBoxPlot = schemas_object({
             chartType: literal('boxPlot'),
             dataset: zDataset.nullish(),
             encoding: zEncoding.nullish(),
@@ -19423,7 +19538,7 @@
             zRadar,
             zFunnel,
             zHeatmap,
-            zBoxplot,
+            zBoxPlot,
             zHistogram
         ]);
         const zCellStyle = schemas_object({