@visactor/vseed 0.2.2 → 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,
@@ -139,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,
@@ -179,6 +181,7 @@
             registerHistogram: ()=>registerHistogram,
             Q1MeasureValue: ()=>"__Q1__",
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+            zAreaSelector: ()=>zAreaSelector,
             zRadarConfig: ()=>zRadarConfig,
             zRoseParallelConfig: ()=>zRoseParallelConfig,
             isMeasureSelector: ()=>isMeasureSelector,
@@ -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;
         };
@@ -3968,8 +4044,7 @@
         }
         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;
@@ -3985,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,
@@ -4057,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 = [
@@ -4082,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;
@@ -4099,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,
@@ -4170,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 = [
@@ -5553,8 +5615,8 @@
             });
             spec.chartDimensionLinkage = {
                 showTooltip: config.showTooltip ?? chartSpec?.tooltip?.dimension?.visible ?? true,
-                heightLimitToShowTooltipForLastRow: 60,
-                widthLimitToShowTooltipForLastColumn: 90,
+                heightLimitToShowTooltipForEdgeRow: 60,
+                widthLimitToShowTooltipForEdgeColumn: 90,
                 labelHoverOnAxis
             };
             return spec;
@@ -5562,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);
             };
@@ -7080,7 +7142,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    values: chatType_isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -7094,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({
@@ -7182,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)=>({
@@ -8247,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
                 }
             };
@@ -8308,7 +8314,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -8421,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;
@@ -8459,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);
@@ -8469,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++){
@@ -8498,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;
                 },
@@ -8509,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));
@@ -9341,6 +9363,10 @@
             result.animation = true;
             return result;
         };
+        const DEFAULT_DUAL_CHART_TYPE = {
+            primary: 'column',
+            secondary: 'line'
+        };
         const dualChartTypePrimary = (spec, context)=>{
             const result = {
                 ...spec,
@@ -9350,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){
@@ -9406,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){
@@ -9451,7 +9471,7 @@
                     result.type = 'scatter';
                     break;
                 default:
-                    result.type = secondary;
+                    result.type = secondary ?? DEFAULT_DUAL_CHART_TYPE.secondary;
             }
             return result;
         };
@@ -9490,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
                 }
             };
@@ -9530,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
                 }
             };
@@ -9637,7 +9657,8 @@
                 enable: true
             } } = baseConfig;
             result.tooltip = {
-                style: getTooltipStyle(tooltip)
+                style: getTooltipStyle(tooltip),
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -11235,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)=>{
@@ -11307,7 +11348,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -11388,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
@@ -11414,6 +11444,7 @@
             datasetXY,
             colorAdapter(color_color, linearColor),
             label_label,
+            heatmapBandAxis,
             colorAdapter(discreteLegend, heatmapColorLegend),
             colorCellStyleFill(markStyle_cellStyle_cellStyle),
             tooltipHeatmap,
@@ -11433,6 +11464,7 @@
                 datasetXY,
                 colorAdapter(color_color, linearColor),
                 label_label,
+                heatmapBandAxis,
                 tooltipHeatmap,
                 colorCellStyleFill(markStyle_cellStyle_cellStyle),
                 annotationPoint_annotationPoint,
@@ -11692,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
@@ -11743,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);
                     });
@@ -11763,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 = {};
@@ -11820,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
             ];
@@ -11877,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
                 }
             };
@@ -11949,7 +11997,8 @@
                 },
                 dimension: {
                     visible: false
-                }
+                },
+                updateElement: updateTooltipElement
             };
             return result;
         };
@@ -12440,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);
@@ -12758,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
                 }
             };
@@ -12802,7 +12857,8 @@
                         visible: false
                     },
                     content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding, defaultXFormatter, defaultValueFormatter)
-                }
+                },
+                updateElement: updateMarkTooltipElement
             };
             return result;
         };
@@ -13421,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',
@@ -13482,7 +13550,7 @@
                 enable: true,
                 borderRadius: 12,
                 borderWidth: 1,
-                padding: 7,
+                padding: 9,
                 lineHeight: 12,
                 fontSize: 12,
                 lineSpace: 6
@@ -14099,6 +14167,9 @@
                     },
                     heatmap: {
                         ...baseConfig,
+                        legend: getLightColorLegend(),
+                        xAxis: bandAxis,
+                        yAxis: bandAxis,
                         label: {
                             ...baseConfig.label,
                             labelColorSmartInvert: true
@@ -14364,6 +14435,9 @@
                     },
                     heatmap: {
                         ...baseConfig,
+                        legend: getDarkColorLegend(),
+                        xAxis: bandAxis,
+                        yAxis: bandAxis,
                         label: {
                             ...baseConfig.label,
                             labelColorSmartInvert: true
@@ -18130,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(),
@@ -18255,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()
         });
@@ -18284,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(),
@@ -18329,10 +18415,6 @@
             offsetX: schemas_number().default(0).nullish()
         });
         const zAnnotationHorizontalLine = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
             yValue: union([
                 schemas_number(),
                 schemas_string(),
@@ -18380,8 +18462,8 @@
         });
         const zAnnotationArea = schemas_object({
             selector: union([
-                zSelector,
-                zSelectors
+                zAreaSelector,
+                zAreaSelectors
             ]).nullish(),
             textPosition: schemas_enum([
                 'top',
@@ -18676,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);
@@ -18854,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(),