@visactor/vseed 0.1.50 → 0.2.0

package/dist/umd/index.js

@@ -40,6 +40,7 @@
             zCrosshairRect: ()=>zCrosshairRect,
             scatterSpecPipeline: ()=>scatterSpecPipeline,
             intl: ()=>intl,
+            selectByValue: ()=>selectByValue,
             zAnnotationPointConfig: ()=>zAnnotationPointConfig,
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             zColumnConfig: ()=>zColumnConfig,
@@ -50,9 +51,10 @@
             pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
             zLogisticRegressionLine: ()=>zLogisticRegressionLine,
             zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
-            zYLinearAxis: ()=>zYLinearAxis,
+            zOutlierStyle: ()=>zOutlierStyle,
             zMarkStyle: ()=>zMarkStyle,
             registerFunnel: ()=>registerFunnel,
+            zYLinearAxis: ()=>zYLinearAxis,
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             zLabel: ()=>zLabel,
             registerColumn: ()=>registerColumn,
@@ -70,12 +72,14 @@
             zColumnParallel: ()=>zColumnParallel,
             zDimensions: ()=>zDimensions,
             zLegend: ()=>zLegend,
+            zSelector: ()=>zSelector,
             LINEAR_AXIS_INNER_OFFSET_TOP: ()=>12,
             replaceNullToUndefined: ()=>replaceNullToUndefined,
             zHeatmap: ()=>zHeatmap,
             FoldXMeasureId: ()=>FoldXMeasureId,
             zAnnotationAreaConfig: ()=>zAnnotationAreaConfig,
             zAnnotationVerticalLineConfig: ()=>zAnnotationVerticalLineConfig,
+            zBoxPlotStyle: ()=>zBoxPlotStyle,
             zHistogram: ()=>zHistogram,
             zAnnotationConfig: ()=>zAnnotationConfig,
             registerBarPercent: ()=>registerBarPercent,
@@ -123,11 +127,13 @@
             FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
             zSort: ()=>zSort,
             isPivotChart: ()=>isPivotChart,
-            zDualAxisConfig: ()=>zDualAxisConfig,
+            selectByMeasure: ()=>selectByMeasure,
             Q1MeasureValue: ()=>"__Q1__",
+            zDualAxisConfig: ()=>zDualAxisConfig,
             zLineConfig: ()=>zLineConfig,
             FoldPrimaryMeasureValue: ()=>FoldPrimaryMeasureValue,
             zXBandAxis: ()=>zXBandAxis,
+            zSelectors: ()=>zSelectors,
             FoldYMeasureId: ()=>FoldYMeasureId,
             findMeasureById: ()=>findMeasureById,
             AngleEncoding: ()=>AngleEncoding,
@@ -154,26 +160,27 @@
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             zColumnPercent: ()=>zColumnPercent,
             foldMeasures: ()=>foldMeasures,
-            zFunnel: ()=>zFunnel,
-            zDimensionEncoding: ()=>zDimensionEncoding,
             isPivotTable: ()=>isPivotTable,
+            zDimensionEncoding: ()=>zDimensionEncoding,
             registerPie: ()=>registerPie,
+            LowerWhisker: ()=>LowerWhisker,
             zEcdfRegressionLine: ()=>zEcdfRegressionLine,
             zBarParallelConfig: ()=>zBarParallelConfig,
-            LowerWhisker: ()=>LowerWhisker,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
             AXIS_LABEL_SPACE: ()=>8,
             FoldMeasureValue: ()=>FoldMeasureValue,
+            zFunnel: ()=>zFunnel,
             ANNOTATION_Z_INDEX: ()=>1000,
             Q3MeasureValue: ()=>"__Q3__",
             createFormatter: ()=>createFormatter,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
-            BAND_AXIS_INNER_OFFSET_IN_PIVOT: ()=>2,
+            selectByPartial: ()=>selectByPartial,
             isMeasureSelector: ()=>isMeasureSelector,
             areaAdvancedPipeline: ()=>areaAdvancedPipeline,
             zBarConfig: ()=>zBarConfig,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
             barParallelSpecPipeline: ()=>barParallelSpecPipeline,
+            BAND_AXIS_INNER_OFFSET_IN_PIVOT: ()=>2,
             zPie: ()=>zPie,
             zBar: ()=>zBar,
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
@@ -196,6 +203,7 @@
             zYBandAxis: ()=>zYBandAxis,
             BinPercentageMeasureId: ()=>BinPercentageMeasureId,
             Separator: ()=>"-",
+            zDimensionLinkage: ()=>zDimensionLinkage,
             findAllMeasures: ()=>findAllMeasures,
             zColorLegend: ()=>zColorLegend,
             UpperWhisker: ()=>UpperWhisker,
@@ -205,6 +213,8 @@
             registerHistogram: ()=>registerHistogram,
             zRoseParallel: ()=>zRoseParallel,
             MeasureName: ()=>MeasureName,
+            hasMultipleMeasureInSingleView: ()=>hasMultipleMeasureInSingleView,
+            selectorDatum: ()=>selectorDatum,
             zRegressionLine: ()=>zRegressionLine,
             zNumFormat: ()=>zNumFormat,
             FoldYMeasureValue: ()=>FoldYMeasureValue,
@@ -227,6 +237,7 @@
             checkVSeed: ()=>checkVSeed,
             zPivotTable: ()=>zPivotTable,
             registerLightTheme: ()=>registerLightTheme,
+            selectByDmension: ()=>selectByDmension,
             isPartialDatumSelector: ()=>isPartialDatumSelector,
             isDimensionGroup: ()=>isDimensionGroup,
             registerPivotTable: ()=>registerPivotTable,
@@ -287,8 +298,8 @@
             MeasureEncodingEnum: ()=>MeasureEncodingEnum,
             FoldXMeasureValue: ()=>FoldXMeasureValue,
             boxplotAdvancedPipeline: ()=>boxplotAdvancedPipeline,
-            zEncoding: ()=>zEncoding,
             dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
+            zEncoding: ()=>zEncoding,
             ColorEncoding: ()=>ColorEncoding,
             measureDepth: ()=>measureDepth,
             BinCountMeasureId: ()=>BinCountMeasureId,
@@ -387,7 +398,7 @@
                 vseed: builder.vseed,
                 customTheme: Builder.getThemeMap()
             };
-            if (builder.vseed.locale) intl.setLocale(builder.vseed.locale);
+            if (builder.locale) intl.setLocale(builder.locale);
             try {
                 const advancedVSeed = execPipeline(pipeline, context);
                 builder.advancedVSeed = advancedVSeed;
@@ -409,7 +420,7 @@
                 vseed: builder.vseed,
                 advancedVSeed
             };
-            if (builder.vseed.locale) intl.setLocale(builder.vseed.locale);
+            if (builder.locale) intl.setLocale(builder.locale);
             try {
                 const spec = execPipeline(pipeline, context);
                 builder.spec = spec;
@@ -687,9 +698,13 @@
             _advancedVSeed = null;
             _spec = null;
             _performance = {};
+            _locale;
             constructor(vseed){
                 this._vseed = vseed;
-                this._vseed.locale = vseed.locale || intl.getLocale();
+                this._locale = vseed.locale || intl.getLocale();
+            }
+            get locale() {
+                return this._locale;
             }
             build = ()=>build(this);
             buildSpec = (advanced)=>buildSpec(this, advanced);
@@ -869,6 +884,18 @@
             });
             return result;
         };
+        const hasMultipleMeasureInSingleView = (measures = [])=>{
+            if (measures.every((m)=>!('children' in m))) return measures.length > 1;
+            let found = false;
+            preorderTraverse(measures, (node)=>{
+                if (node.children && node.children.length > 1) {
+                    found = true;
+                    return true;
+                }
+                return false;
+            });
+            return found;
+        };
         const defaultDimensions = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1418,6 +1445,12 @@
             for (let r of e)delete o[r];
             return o;
         }
+        function nearlyEqual(a, b, epsilon = 1e-8) {
+            if (Number.isNaN(a) || Number.isNaN(b)) return false;
+            if (a === b) return true;
+            const diff = Math.abs(a - b);
+            return diff <= epsilon;
+        }
         const selector_selector = (vchartDatum, selector, selectorMode = 'And')=>{
             if (!selector) return true;
             const vchartKeys = Object.keys(vchartDatum).filter((k)=>k.toLocaleLowerCase().startsWith('__vchart'));
@@ -1426,58 +1459,44 @@
                 selector
             ];
             return selectors['And' === selectorMode ? 'every' : 'some']((selector)=>{
-                if (isValueSelector(selector)) {
-                    if (Object.values(datum).find((v)=>v === selector)) return true;
-                } else if (isMeasureSelector(selector)) {
-                    const op = selector.operator || selector.op;
-                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
-                        selector.value
-                    ];
-                    switch(op){
-                        case '=':
-                            if (String(datum[selector.field]) === String(selectorValueArr[0])) return true;
-                            break;
-                        case '==':
-                            if (datum[selector.field] === selectorValueArr[0]) return true;
-                            break;
-                        case '!=':
-                            if (datum[selector.field] !== selectorValueArr[0]) return true;
-                            break;
-                        case '>':
-                            if (datum[selector.field] > selectorValueArr[0]) return true;
-                            break;
-                        case '<':
-                            if (datum[selector.field] < selectorValueArr[0]) return true;
-                            break;
-                        case '>=':
-                            if (datum[selector.field] >= selectorValueArr[0]) return true;
-                            break;
-                        case '<=':
-                            if (datum[selector.field] <= selectorValueArr[0]) return true;
-                            break;
-                        case 'between':
-                            if (Array.isArray(selector.value) && datum[selector.field] >= selectorValueArr[0] && datum[selector.field] <= selectorValueArr[1]) return true;
-                            break;
-                    }
-                } else if (isDimensionSelector(selector)) {
-                    const op = selector.operator || selector.op;
-                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
-                        selector.value
-                    ];
-                    switch(op){
-                        case 'in':
-                            if (selectorValueArr.includes(datum[selector.field])) return true;
-                            break;
-                        case 'not in':
-                            if (!selectorValueArr.includes(datum[selector.field])) return true;
-                            break;
-                    }
-                } else if (isPartialDatumSelector(selector)) {
-                    if (Object.keys(selector).every((key)=>datum[key] === selector[key])) return true;
-                }
+                if (isValueSelector(selector)) return selectByValue(selector, datum);
+                if (isMeasureSelector(selector)) return selectByMeasure(selector, datum);
+                if (isDimensionSelector(selector)) return selectByDmension(selector, datum);
+                if (isPartialDatumSelector(selector)) return selectByPartial(selector, datum);
                 return false;
             });
         };
+        const selectorDatum = (datum, selector)=>{
+            if (!selector) return [];
+            const selectors = Array.isArray(selector) ? selector : [
+                selector
+            ];
+            let finalResult = [];
+            for (const selector of selectors){
+                const results = [];
+                if (isValueSelector(selector)) Object.entries(datum).forEach(([key, value])=>{
+                    if (value === selector) results.push({
+                        [key]: value
+                    });
+                });
+                else if (isMeasureSelector(selector) && selectByMeasure(selector, datum)) results.push({
+                    [selector.field]: datum[selector.field]
+                });
+                else if (isDimensionSelector(selector) && selectByDmension(selector, datum)) results.push({
+                    [selector.field]: datum[selector.field]
+                });
+                else if (isPartialDatumSelector(selector) && selectByPartial(selector, datum)) results.push(selector);
+                if (results.length) finalResult = finalResult.length ? finalResult.flatMap((prev)=>results.map((r)=>({
+                            ...prev,
+                            ...r
+                        }))) : results;
+                else {
+                    finalResult = [];
+                    break;
+                }
+            }
+            return finalResult;
+        };
         const isValueSelector = (selector)=>'string' == typeof selector || 'number' == typeof selector;
         const isPartialDatumSelector = (selector)=>'object' == typeof selector && null !== selector;
         const isMeasureSelector = (selector)=>'object' == typeof selector && null !== selector && 'field' in selector && ('operator' in selector || 'op' in selector) && 'value' in selector && ([
@@ -1506,6 +1525,56 @@
                 'in',
                 'not in'
             ].includes(selector.op));
+        const selectByMeasure = (selector, datum)=>{
+            const op = selector.operator || selector.op;
+            const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
+                selector.value
+            ];
+            switch(op){
+                case '=':
+                    if (String(datum[selector.field]) === String(selectorValueArr[0]) || nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) return true;
+                    break;
+                case '==':
+                    if (datum[selector.field] === selectorValueArr[0]) return true;
+                    break;
+                case '!=':
+                    if (datum[selector.field] !== selectorValueArr[0]) return true;
+                    break;
+                case '>':
+                    if (datum[selector.field] > selectorValueArr[0] && !nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) return true;
+                    break;
+                case '<':
+                    if (datum[selector.field] < selectorValueArr[0] && !nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) return true;
+                    break;
+                case '>=':
+                    if (datum[selector.field] >= selectorValueArr[0] || nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) return true;
+                    break;
+                case '<=':
+                    if (datum[selector.field] <= selectorValueArr[0] || nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) return true;
+                    break;
+                case 'between':
+                    if (Array.isArray(selector.value) && (datum[selector.field] >= selectorValueArr[0] || nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[0]))) && (datum[selector.field] <= selectorValueArr[1] || nearlyEqual(Number(datum[selector.field]), Number(selectorValueArr[1])))) return true;
+                    break;
+            }
+            return false;
+        };
+        const selectByDmension = (selector, datum)=>{
+            const op = selector.operator || selector.op;
+            const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
+                selector.value
+            ];
+            switch(op){
+                case 'in':
+                    if (selectorValueArr.includes(datum[selector.field])) return true;
+                    break;
+                case 'not in':
+                    if (!selectorValueArr.includes(datum[selector.field])) return true;
+                    break;
+            }
+            return false;
+        };
+        const selectByPartial = (selector, datum)=>Object.keys(selector).every((key)=>datum[key] === selector[key]);
+        const selectByValue = (selector, datum)=>Object.values(datum).some((v)=>v === selector);
         const tableStyleMap = {
             backgroundColor: 'bgColor',
             textColor: 'color',
@@ -2255,7 +2324,7 @@
                 if (parent && 'children' in parent) {
                     parent.children = parent.children || [];
                     parent.children.push(measure);
-                } else if (measure.parentId) measureTree.push({
+                } else if (common_isValid(measure.parentId)) measureTree.push({
                     id: measure.parentId,
                     children: [
                         measure
@@ -2497,7 +2566,7 @@
             const { dataset, chartType } = vseed;
             const { encoding } = advancedVSeed;
             const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
-            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [], (item)=>item.id), T(advancedVSeed.reshapeMeasures ?? findAllMeasures(advancedVSeed.measures), (item)=>item.id), encoding, {
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [], (item)=>item.id), T(findAllMeasures(advancedVSeed.reshapeMeasures ?? advancedVSeed.measures), (item)=>item.id), encoding, {
                 colorItemAsId: false,
                 colorMeasureId
             });
@@ -2541,7 +2610,7 @@
                     omitIds: allMeasures.map((item)=>item.id)
                 });
                 const reshapeInfo = {
-                    id: groupId,
+                    id: `${groupId}`,
                     index,
                     foldInfo,
                     unfoldInfo
@@ -2635,7 +2704,8 @@
                 'tooltip',
                 'xAxis',
                 'yAxis',
-                'crosshairLine'
+                'crosshairLine',
+                'dimensionLinkage'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -2652,7 +2722,9 @@
                 'barStyle',
                 'pointStyle',
                 'lineStyle',
-                'areaStyle'
+                'areaStyle',
+                'boxPlotStyle',
+                'outlierStyle'
             ]);
             const markStyle = replaceNullToUndefined(pickedMarkStyle);
             return {
@@ -2883,11 +2955,12 @@
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
-            const { measures, dimensions, encoding } = advancedVSeed;
+            const { measures, dimensions, encoding, datasetReshapeInfo, pivotAllDatasetReshapeInfo } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.xAxis ?? {};
             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 onlyMeasureId = 0 === (encoding.x || []).filter((v)=>v !== MeasureId).length;
             const bandAxis = {
                 visible,
                 type: 'band',
@@ -2956,6 +3029,14 @@
                     0.1
                 ]
             };
+            if (onlyMeasureId && bandAxis.label) {
+                const allDatasetReshapeInfo = pivotAllDatasetReshapeInfo || datasetReshapeInfo;
+                const colorIdMap = allDatasetReshapeInfo.reduce((prev, cur)=>({
+                        ...prev,
+                        ...cur.unfoldInfo.colorIdMap
+                    }), {});
+                bandAxis.label.formatMethod = (text)=>common_isArray(text) ? text : colorIdMap[String(text)]?.alias ?? text;
+            }
             result.axes = [
                 ...result.axes,
                 bandAxis
@@ -3104,6 +3185,9 @@
                     }
                 }
             };
+            const xAxisConfig = result.axes?.find((v)=>'bottom' === v.orient);
+            const xAxisFormatter = xAxisConfig?.label?.formatMethod;
+            if (xAxisFormatter) crosshair.xField.label.formatMethod = (text)=>xAxisFormatter(text);
             return result;
         };
         const discreteLegend = (spec, context)=>{
@@ -3745,7 +3829,8 @@
                 ...meaContent
             ];
         };
-        const isSubset = (sub, obj)=>Object.entries(sub).every(([key, value])=>{
+        const isSubset = (sub, obj, excludeMeasuresIds)=>Object.entries(sub).every(([key, value])=>{
+                if (excludeMeasuresIds && excludeMeasuresIds.includes(key)) return false;
                 if ('string' == typeof value) return obj[key] === value;
                 if ('number' == typeof value) return obj[key] === value;
                 return true;
@@ -4781,10 +4866,10 @@
                 widthMode: 'standard',
                 autoFillWidth: true,
                 defaultHeaderColWidth: 'auto',
-                defaultColWidth: 200,
+                defaultColWidth: 240,
                 heightMode: 'standard',
                 autoFillHeight: true,
-                defaultRowHeight: 100,
+                defaultRowHeight: 180,
                 defaultHeaderRowHeight: 'auto',
                 indicatorsAsCol: false,
                 select: {
@@ -4839,7 +4924,7 @@
                                 0 === arg.row ? outlineBorderLineWidth : 1,
                                 outlineBorderLineWidth,
                                 0,
-                                0 === arg.col || noYAxis && 1 === arg.col ? outlineBorderLineWidth : 1
+                                0 === arg.col || noYAxis && 1 === arg.col && arg.table.colCount <= 2 ? outlineBorderLineWidth : 1
                             ];
                         },
                         bgColor: transparent,
@@ -5015,6 +5100,21 @@
                         borderColor,
                         cornerRadius: frameCornerRadius,
                         borderLineWidth: outlineBorderLineWidth
+                    },
+                    axisStyle: {
+                        leftAxisStyle: {
+                            cellPaddingLeft: 10
+                        },
+                        bottomAxisStyle: {
+                            cellPaddingBottom: 4
+                        },
+                        rightAxisStyle: {
+                            cellPaddingRight: 4
+                        }
+                    },
+                    scrollStyle: {
+                        visible: 'scrolling',
+                        hoverOn: false
                     }
                 }
             };
@@ -5028,7 +5128,7 @@
                 const colorItems = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
                 const allMeasureIds = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>Object.keys(d.foldInfo.foldMap || {})));
                 const indicators = datasetReshapeInfo.map((reshapeInfo, index)=>{
-                    const measureGroup = measures?.find((d)=>d.id === reshapeInfo.id);
+                    const measureGroup = measures?.find((d)=>`${d.id}` === reshapeInfo.id);
                     const subMeasuresId = (measureGroup?.children || []).map((d)=>d.id);
                     const invalideMeasuresIds = allMeasureIds.filter((id)=>!subMeasuresId.includes(id));
                     const newDataset = dataset[index];
@@ -5045,6 +5145,7 @@
                         ...context,
                         advancedVSeed: {
                             ...advancedVSeed,
+                            pivotAllDatasetReshapeInfo: datasetReshapeInfo,
                             datasetReshapeInfo: newDatasetReshapeInfo,
                             encoding: Object.keys(encoding).reduce((res, key)=>{
                                 res[key] = encoding[key]?.filter((e)=>!invalideMeasuresIds.includes(e));
@@ -5055,7 +5156,7 @@
                     };
                     const chartSpec = execPipeline(chartPipeline, newContext, {});
                     return {
-                        indicatorKey: reshapeInfo.id,
+                        indicatorKey: `${reshapeInfo.id}`,
                         title: measureGroup?.alias,
                         cellType: 'chart',
                         chartModule: 'vchart',
@@ -5130,6 +5231,8 @@
                                 left: 2,
                                 right: 2
                             };
+                        } else if ('linear' === axis.type) {
+                            if ('top' === axis.orient || 'bottom' === axis.orient) axis.label.flush = true;
                         }
                     });
                 }
@@ -5389,6 +5492,50 @@
                 legends
             };
         };
+        const dimensionLinkage = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const config = advancedVSeed.config?.[chartType]?.dimensionLinkage ?? {};
+            if (false === config.enable) return spec;
+            const indicators = spec.indicators;
+            const labelHoverOnAxis = {};
+            const chartSpec = indicators?.[0]?.chartSpec;
+            const crosshair = chartSpec?.crosshair;
+            if (crosshair?.xField) {
+                const labelFormat = crosshair.xField.label?.formatMethod;
+                labelHoverOnAxis.bottom = {
+                    visible: config.showLabel ?? crosshair.xField.label?.visible ?? true,
+                    background: crosshair.xField.label?.labelBackground,
+                    textStyle: crosshair.xField.label?.style,
+                    formatMethod: labelFormat ? (text)=>text || 0 === text ? labelFormat(text) : null : void 0
+                };
+            }
+            if (crosshair?.yField) {
+                const labelFormat = crosshair.yField.label?.formatMethod;
+                labelHoverOnAxis.left = {
+                    visible: config.showLabel ?? crosshair.yField.label?.visible ?? true,
+                    background: crosshair.yField.label?.labelBackground,
+                    textStyle: crosshair.yField.label?.style,
+                    formatMethod: labelFormat ? (text)=>text || 0 === text ? labelFormat(text) : null : void 0
+                };
+            }
+            if (indicators && indicators.length) indicators.forEach((ind)=>{
+                const crosshair = ind?.chartSpec?.crosshair;
+                if (crosshair?.xField) crosshair.xField.label = {
+                    visible: false
+                };
+                if (crosshair?.yField) crosshair.yField.label = {
+                    visible: false
+                };
+            });
+            spec.chartDimensionLinkage = {
+                showTooltip: config.showTooltip ?? chartSpec?.tooltip?.dimension?.visible ?? true,
+                heightLimitToShowTooltipForLastRow: 60,
+                widthLimitToShowTooltipForLastColumn: 90,
+                labelHoverOnAxis
+            };
+            return spec;
+        };
         const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>{
             const adapted = (spec, context)=>{
                 const { vseed } = context;
@@ -5447,7 +5594,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const lineSpecPipeline = [
             pivotAdapter_pivotAdapter(line_line, pivotLine)
@@ -5542,7 +5690,8 @@
                 'crosshairRect',
                 'stackCornerRadius',
                 'barMaxWidth',
-                'barGapInGroup'
+                'barGapInGroup',
+                'dimensionLinkage'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -5641,13 +5790,11 @@
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
             const stackCornerRadius = advancedVSeed.config?.[chartType]?.stackCornerRadius;
-            const { datasetReshapeInfo } = advancedVSeed;
-            const { foldInfo } = datasetReshapeInfo[0];
             if ('dualAxis' === chartType && 'bar' !== spec.type) return spec;
             return {
                 ...spec,
                 stackCornerRadius: (_, datum)=>{
-                    if (datum[foldInfo.measureValue] > 0) return stackCornerRadius;
+                    if (datum && datum[datum[FoldMeasureId]] > 0) return stackCornerRadius;
                     return 0;
                 }
             };
@@ -5690,7 +5837,7 @@
                     type: 'rect',
                     style: {
                         lineWidth: 0,
-                        opacity: 0.2,
+                        opacity: 0.26,
                         fill: rectColor
                     }
                 },
@@ -5707,6 +5854,9 @@
                     }
                 }
             };
+            const xAxisConfig = result.axes?.find((v)=>'bottom' === v.orient);
+            const xAxisFormatter = xAxisConfig?.label?.formatMethod;
+            if (xAxisFormatter) crosshair.xField.label.formatMethod = (text)=>xAxisFormatter(text);
             return result;
         };
         const colorBarStyleFill = (stylePipe)=>(spec, context)=>{
@@ -6012,7 +6162,9 @@
             }
             return 0 === sst ? 0 : 1 - ssr / sst;
         }
-        function regressionLinear(data, x = (d)=>d.x, y = (d)=>d.y) {
+        function regressionLinear(data, x = (d)=>d.x, y = (d)=>d.y, options) {
+            var _a;
+            const alpha = null != (_a = null == options ? void 0 : options.alpha) ? _a : .05;
             let n = 0, meanX = 0, meanY = 0, meanXY = 0, meanX2 = 0;
             visitPoints(data, x, y, (xi, yi)=>{
                 n++, meanX += (xi - meanX) / n, meanY += (yi - meanY) / n, meanXY += (xi * yi - meanXY) / n, meanX2 += (xi * xi - meanX2) / n;
@@ -6045,7 +6197,7 @@
                     }
                     return out;
                 },
-                confidenceInterval: function(N = 50, alpha = .05) {
+                confidenceInterval: function(N = 50) {
                     const out = [];
                     if (0 === comps.n || N <= 0) return out;
                     const z = invNorm(1 - alpha / 2);
@@ -6107,10 +6259,10 @@
             return x;
         }
         function regressionPolynomial(data, x = (d)=>d.x, y = (d)=>d.y, options = {}) {
-            var _a;
+            var _a, _b;
             let degree = null != (_a = options.degree) ? _a : 0;
             degree < 0 && (degree = 0);
-            const m = degree + 1, sums = new Array(2 * degree + 1).fill(0);
+            const alpha = null != (_b = options.alpha) ? _b : .05, m = degree + 1, sums = new Array(2 * degree + 1).fill(0);
             visitPoints(data, x, y, (dx, dy)=>{
                 let xp = 1;
                 for(let k = 0; k < sums.length; k++)sums[k] += xp, xp *= dx;
@@ -6165,7 +6317,7 @@
                     }
                     return out;
                 },
-                confidenceInterval (N = 50, alpha = .05) {
+                confidenceInterval (N = 50) {
                     const out = [];
                     if (N <= 0) return out;
                     const comps = computeLinearCIComponents(data, x, y, predict);
@@ -6217,6 +6369,7 @@
                 return points[points.length - 1]?.y;
             }
         };
+        const getAlphaByConfidenceLevel = (confidenceLevel = 0.95)=>1 - Math.max(Math.min(1, confidenceLevel), 0);
         const columnPolynomialRegressionLine = (spec, context)=>{
             const result = {
                 ...spec
@@ -6226,16 +6379,18 @@
             const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
             if (!regressionLine || !regressionLine.polynomialRegressionLine) return result;
             const lineList = array_array(regressionLine.polynomialRegressionLine);
-            if (!result.customMark) result.customMark = [];
+            if (!result.extensionMark) result.extensionMark = [];
             lineList.forEach((line, lineIndex)=>{
+                if (false === line.enable) return;
                 const theme = lineTheme.linearRegressionLine ?? {};
-                const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight, confidenceIntervalOpacity, confidenceIntervalVisible = theme.confidenceIntervalVisible } = line;
+                const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight, confidenceIntervalOpacity, confidenceLevel = 0.95, confidenceIntervalVisible = theme.confidenceIntervalVisible } = line;
                 const childrenMarks = [];
-                result.customMark.push({
+                result.extensionMark.push({
                     type: 'group',
                     interactive: false,
                     zIndex: 500,
                     name: `polynomialRegressionLine-${lineIndex}`,
+                    dataId: spec.data?.id,
                     style: {
                         data: (datum, ctx)=>{
                             const vchart = ctx.vchart;
@@ -6244,8 +6399,7 @@
                             if (s) {
                                 const rect = s.getRegion().getLayoutRect();
                                 if (0 === rect.width || 0 === rect.height) return null;
-                                const start = s.getRegion().getLayoutStartPoint();
-                                const yClamper = clamper(start.y, start.y + rect.height);
+                                const yClamper = clamper(0, 0 + rect.height);
                                 const data = s.getViewData()?.latestData;
                                 const fieldX = s.fieldX?.[0];
                                 const fieldY = s.fieldY?.[0];
@@ -6258,7 +6412,8 @@
                                         y: Math.max(...filteredData.map((d)=>d[fieldY]))
                                     };
                                 }), void 0, void 0, {
-                                    degree: line.degree ?? 2
+                                    degree: line.degree ?? 2,
+                                    alpha: getAlphaByConfidenceLevel(confidenceLevel)
                                 });
                                 const N = xValues.length;
                                 const xAxisHelper = s.getXAxisHelper();
@@ -6270,8 +6425,8 @@
                                         [fieldY]: datum.y
                                     };
                                     return {
-                                        x: s.dataToPositionX(d) + start.x + halfBandWidth,
-                                        y: yClamper(s.dataToPositionY(d) + start.y)
+                                        x: s.dataToPositionX(d) + halfBandWidth,
+                                        y: yClamper(s.dataToPositionY(d))
                                     };
                                 });
                                 const result = {
@@ -6286,11 +6441,11 @@
                                             [fieldY]: datum.lower
                                         };
                                         return {
-                                            x: s.dataToPositionX(d) + start.x + halfBandWidth,
-                                            y: yClamper(s.dataToPositionY(d) + start.y),
+                                            x: s.dataToPositionX(d) + halfBandWidth,
+                                            y: yClamper(s.dataToPositionY(d)),
                                             y1: yClamper(s.dataToPositionY({
                                                 [fieldY]: datum.upper
-                                            }) + start.y)
+                                            }))
                                         };
                                     });
                                 }
@@ -6305,6 +6460,7 @@
                     type: 'area',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
                     style: {
                         lineWidth: lineWidth ?? theme.lineWidth,
                         lineDash: lineDash ?? theme.lineDash,
@@ -6321,6 +6477,7 @@
                     type: 'line',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
                     style: {
                         lineWidth: lineWidth ?? theme.lineWidth,
                         lineDash: lineDash ?? theme.lineDash,
@@ -6336,6 +6493,8 @@
                     type: 'text',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
+                    dataKey: ()=>`polynomialRegressionLine-label-${lineIndex}`,
                     style: {
                         textAlign: 'end',
                         fill: textColor ?? theme.textColor,
@@ -6412,7 +6571,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const columnSpecPipeline = [
             pivotAdapter_pivotAdapter(column, pivotColumn)
@@ -6612,7 +6772,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const columnParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
@@ -6709,7 +6870,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const columnPercentSpecPipeline = [
             pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
@@ -6992,11 +7154,12 @@
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
-            const { measures, dimensions, encoding } = advancedVSeed;
+            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 onlyMeasureId = 0 === (encoding.y || []).filter((v)=>v !== MeasureId).length;
             const bandAxis = {
                 visible,
                 type: 'band',
@@ -7066,6 +7229,14 @@
                     0.1
                 ]
             };
+            if (onlyMeasureId && bandAxis.label) {
+                const allDatasetReshapeInfo = pivotAllDatasetReshapeInfo || datasetReshapeInfo;
+                const colorIdMap = allDatasetReshapeInfo.reduce((prev, cur)=>({
+                        ...prev,
+                        ...cur.unfoldInfo.colorIdMap
+                    }), {});
+                bandAxis.label.formatMethod = (text)=>common_isArray(text) ? text : colorIdMap[String(text)]?.alias ?? text;
+            }
             result.axes = [
                 ...result.axes,
                 bandAxis
@@ -7093,7 +7264,7 @@
                     type: 'rect',
                     style: {
                         lineWidth: 0,
-                        opacity: 0.2,
+                        opacity: 0.26,
                         fill: rectColor
                     }
                 },
@@ -7110,6 +7281,9 @@
                     }
                 }
             };
+            const yAxisConfig = result.axes?.find((v)=>'left' === v.orient);
+            const yAxisFormatter = yAxisConfig?.label?.formatMethod;
+            if (yAxisFormatter) crosshair.yField.label.formatMethod = (text)=>yAxisFormatter(text);
             return result;
         };
         const bar = [
@@ -7159,7 +7333,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const barSpecPipeline = [
             pivotAdapter_pivotAdapter(bar, pivotBar)
@@ -7273,7 +7448,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const barParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
@@ -7360,7 +7536,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const barPercentSpecPipeline = [
             pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
@@ -7557,7 +7734,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const areaSpecPipeline = [
             pivotAdapter_pivotAdapter(area_area, pivotArea)
@@ -7649,7 +7827,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const areaPercentSpecPipeline = [
             pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
@@ -7839,7 +8018,8 @@
                 'yAxis',
                 'sizeRange',
                 'size',
-                'crosshairLine'
+                'crosshairLine',
+                'dimensionLinkage'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -8205,6 +8385,9 @@
                     }
                 }
             };
+            const yAxisConfig = result.axes?.find((v)=>'left' === v.orient);
+            const yAxisFormatter = yAxisConfig?.label?.formatMethod;
+            if (yAxisFormatter) crosshair.yField.label.formatMethod = (text)=>yAxisFormatter(text);
             return result;
         };
         function tricube(u) {
@@ -8214,7 +8397,8 @@
             return t * t * t;
         }
         function regressionLowess(data, x = (d)=>d.x, y = (d)=>d.y, options = {}) {
-            const span = options.span || .3, degree = 0 === options.degree ? 0 : 1, iterations = null == options.iterations ? 2 : options.iterations, ptsX = [], ptsY = [];
+            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 = [];
             visitPoints(data, x, y, (dx, dy)=>{
                 ptsX.push(dx), ptsY.push(dy);
             });
@@ -8296,7 +8480,7 @@
                     }
                     return out;
                 },
-                confidenceInterval: function(N = 50, alpha = .05) {
+                confidenceInterval: function(N = 50) {
                     const out = [];
                     if (N <= 0) return out;
                     if (0 === n) return out;
@@ -8335,8 +8519,8 @@
             };
         }
         function regressionLogistic(data, x = (d)=>d.x, y = (d)=>d.y, options) {
-            var _a, _b;
-            const maxIter = null != (_a = null == options ? void 0 : options.maxIteration) ? _a : 25, tol = null != (_b = null == options ? void 0 : options.tol) ? _b : 1e-6, xs = [], ys = [];
+            var _a, _b, _c;
+            const maxIter = null != (_a = null == options ? void 0 : options.maxIteration) ? _a : 25, tol = null != (_b = null == options ? void 0 : options.tol) ? _b : 1e-6, alpha = null != (_c = null == options ? void 0 : options.alpha) ? _c : .05, xs = [], ys = [];
             visitPoints(data, x, y, (dx, dy)=>{
                 xs.push(dx), ys.push(dy ? 1 : 0);
             });
@@ -8403,7 +8587,7 @@
                     }
                     return out;
                 },
-                confidenceInterval: function(N = 50, alpha = .05) {
+                confidenceInterval: function(N = 50) {
                     const out = [];
                     if (N <= 0) return out;
                     const comps = computeLinearCIComponents(data, x, y, predict);
@@ -8446,16 +8630,20 @@
                 const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
                 if (!regressionLine || !regressionLine[type]) return result;
                 const lineList = array_array(regressionLine[type]);
-                if (!result.customMark) result.customMark = [];
+                if (!result.extensionMark) result.extensionMark = [];
                 lineList.forEach((line, lineIndex)=>{
+                    if (false === line.enable) return;
                     const theme = lineTheme.linearRegressionLine ?? {};
                     const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight, confidenceIntervalOpacity, confidenceIntervalVisible = theme.confidenceIntervalVisible } = line;
                     const childrenMarks = [];
-                    result.customMark.push({
+                    result.extensionMark.push({
                         type: 'group',
                         interactive: false,
                         zIndex: 500,
                         name: `${type}-${lineIndex}`,
+                        layoutType: 'region-relative',
+                        dataId: spec.data?.id,
+                        animation: false,
                         style: {
                             data: (datum, ctx)=>{
                                 const vchart = ctx.vchart;
@@ -8465,8 +8653,7 @@
                                     const rect = s.getRegion().getLayoutRect();
                                     const segments = [];
                                     if (0 === rect.width || 0 === rect.height) return segments;
-                                    const start = s.getRegion().getLayoutStartPoint();
-                                    const yClamper = clamper(start.y, start.y + rect.height);
+                                    const yClamper = clamper(0, rect.height);
                                     const colorAttrOptions = s.getColorAttribute();
                                     const groups = s.getSeriesKeys();
                                     const data = s.getViewData()?.latestData;
@@ -8475,42 +8662,59 @@
                                     if (!groups.length) groups.push(void 0);
                                     groups.forEach((group)=>{
                                         const groupData = data.filter((d)=>d[colorAttrOptions?.field] === group);
-                                        if (!groupData.length) return;
+                                        if (groupData.length <= 2) return;
                                         const { confidenceInterval, evaluateGrid } = regressionFunction(groupData, (datum)=>datum?.[fieldX], (datum)=>datum?.[fieldY], getOptions?.(line));
                                         const N = Math.max(3, Math.floor(groupData.length / 4));
                                         const mainColor = color ?? colorAttrOptions?.scale?.scale(group);
                                         const lineData = evaluateGrid(N);
-                                        const linePoints = lineData.map((ld)=>{
+                                        const linePoints = [];
+                                        lineData.forEach((ld, index)=>{
                                             const d = {
                                                 [fieldX]: ld.x,
                                                 [fieldY]: ld.y
                                             };
-                                            return {
-                                                x: s.dataToPositionX(d) + start.x,
-                                                y: yClamper(s.dataToPositionY(d) + start.y)
-                                            };
+                                            const x = s.dataToPositionX(d);
+                                            const y = yClamper(s.dataToPositionY(d));
+                                            if (segments.length && 0 === index) segments[segments.length - 1].linePoints.push({
+                                                x,
+                                                y: NaN
+                                            });
+                                            linePoints.push({
+                                                x,
+                                                y
+                                            });
                                         });
-                                        segments.push({
+                                        const segment = {
                                             color: mainColor,
                                             linePoints
-                                        });
+                                        };
                                         if (confidenceIntervalVisible) {
                                             const intervalData = confidenceInterval(N);
-                                            const areaPoints = intervalData.map((datum)=>{
+                                            const areaPoints = [];
+                                            intervalData.map((datum, index)=>{
                                                 const d = {
                                                     [fieldX]: datum.x,
                                                     [fieldY]: datum.lower
                                                 };
-                                                return {
-                                                    x: s.dataToPositionX(d) + start.x,
-                                                    y: yClamper(s.dataToPositionY(d) + start.y),
-                                                    y1: yClamper(s.dataToPositionY({
-                                                        [fieldY]: datum.upper
-                                                    }) + start.y)
-                                                };
+                                                const x = s.dataToPositionX(d);
+                                                const y = yClamper(s.dataToPositionY(d));
+                                                const y1 = yClamper(s.dataToPositionY({
+                                                    [fieldY]: datum.upper
+                                                }));
+                                                if (segments.length && 0 === index) segments[segments.length - 1].areaPoints.push({
+                                                    x,
+                                                    y: NaN,
+                                                    y1: NaN
+                                                });
+                                                areaPoints.push({
+                                                    x,
+                                                    y,
+                                                    y1
+                                                });
                                             });
-                                            segments[segments.length - 1].areaPoints = areaPoints;
+                                            segment.areaPoints = areaPoints;
                                         }
+                                        segments.push(segment);
                                     });
                                     return segments;
                                 }
@@ -8523,17 +8727,22 @@
                         type: 'area',
                         interactive: false,
                         zIndex: 500,
+                        dataId: spec.data?.id,
                         style: {
+                            stroke: false,
                             lineWidth: lineWidth ?? theme.lineWidth,
                             lineDash: lineDash ?? theme.lineDash,
                             fillOpacity: confidenceIntervalOpacity ?? theme.confidenceIntervalOpacity,
                             fill: 'red',
                             segments: (datum, ctx, opt)=>{
                                 const parentNode = opt.mark?._product?.parent;
-                                if (parentNode?.attribute?.data?.length) return parentNode.attribute.data.map((d)=>({
-                                        points: d.areaPoints ?? [],
-                                        fill: d.color
-                                    }));
+                                if (parentNode) {
+                                    const data = parentNode.finalAttribute?.data ?? parentNode.attribute?.data;
+                                    if (data?.length) return data.map((d)=>({
+                                            points: d.areaPoints ?? [],
+                                            fill: d.color
+                                        }));
+                                }
                                 return [];
                             }
                         }
@@ -8542,16 +8751,21 @@
                         type: 'line',
                         interactive: false,
                         zIndex: 500,
+                        animation: false,
+                        dataId: spec.data?.id,
                         style: {
                             lineWidth: lineWidth ?? theme.lineWidth,
                             lineDash: lineDash ?? theme.lineDash,
                             stroke: 'red',
                             segments: (datum, ctx, opt)=>{
                                 const parentNode = opt.mark?._product?.parent;
-                                if (parentNode?.attribute?.data?.length) return parentNode.attribute.data.map((d)=>({
-                                        points: d.linePoints,
-                                        stroke: d.color
-                                    }));
+                                if (parentNode) {
+                                    const data = parentNode.finalAttribute?.data ?? parentNode.attribute?.data;
+                                    if (data?.length) return data.map((d)=>({
+                                            points: d.linePoints,
+                                            stroke: d.color
+                                        }));
+                                }
                                 return [];
                             }
                         }
@@ -8560,6 +8774,9 @@
                         type: 'text',
                         interactive: false,
                         zIndex: 500,
+                        animation: false,
+                        dataId: spec.data?.id,
+                        dataKey: ()=>`regressionLine-label-${lineIndex}`,
                         style: {
                             textAlign: 'end',
                             fill: textColor ?? theme.textColor,
@@ -8585,9 +8802,12 @@
                 });
                 return result;
             };
-        const getDefaultRegressionOptions = (lineConfig)=>({
-                alpha: lineConfig?.confidenceLevel ?? 0.95
-            });
+        const getDefaultRegressionOptions = (lineConfig)=>{
+            const alpha = getAlphaByConfidenceLevel(lineConfig?.confidenceLevel);
+            return {
+                alpha
+            };
+        };
         const linearRegressionLine = generateRegressionLinePipe('linearRegressionLine', regressionLinear);
         const lowessRegressionLine = generateRegressionLinePipe('lowessRegressionLine', regressionLowess);
         const polynomialRegressionLine = generateRegressionLinePipe('polynomialRegressionLine', regressionPolynomial, (lineConfig)=>({
@@ -8645,12 +8865,15 @@
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea,
                 linearRegressionLine,
-                lowessRegressionLine
+                lowessRegressionLine,
+                polynomialRegressionLine,
+                logisticRegressionLine
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const scatterSpecPipeline = [
             pivotAdapter_pivotAdapter(scatter, pivotScatter)
@@ -8973,7 +9196,8 @@
                 'crosshairRect',
                 'barGapInGroup',
                 'barMaxWidth',
-                'stackCornerRadius'
+                'stackCornerRadius',
+                'dimensionLinkage'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -9329,7 +9553,6 @@
             const foldInfoList = datasetReshapeInfo[0].foldInfoList;
             const unfoldInfo = datasetReshapeInfo[0].unfoldInfo;
             result.tooltip = {
-                style: getTooltipStyle(tooltip),
                 visible: enable,
                 mark: {
                     title: {
@@ -9377,6 +9600,37 @@
             };
             return result;
         };
+        const tooltipDualAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { chartType } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { tooltip = {
+                enable: true
+            } } = baseConfig;
+            result.tooltip = {
+                style: getTooltipStyle(tooltip)
+            };
+            return result;
+        };
+        const barStyleFilter = (pipe)=>(spec, context)=>{
+                if ('bar' === spec.type) return pipe(spec, context);
+                return spec;
+            };
+        const pointStyleFilter = (pipe)=>(spec, context)=>{
+                if ('line' === spec.type || 'area' === spec.type) return pipe(spec, context);
+                return spec;
+            };
+        const lineStyleFilter = (pipe)=>(spec, context)=>{
+                if ('line' === spec.type) return pipe(spec, context);
+                return spec;
+            };
+        const areaStyleFilter = (pipe)=>(spec, context)=>{
+                if ('area' === spec.type) return pipe(spec, context);
+                return spec;
+            };
         const yLinearPrimary = (spec, context)=>{
             const result = {
                 ...spec
@@ -9590,6 +9844,116 @@
             };
             return result;
         };
+        const isObjectLike = (value)=>"object" == typeof value && null !== value;
+        const common_isObjectLike = isObjectLike;
+        const isPlainObject = function(value) {
+            if (!common_isObjectLike(value) || !isType(value, "Object")) return !1;
+            if (null === Object.getPrototypeOf(value)) return !0;
+            let proto = value;
+            for(; null !== Object.getPrototypeOf(proto);)proto = Object.getPrototypeOf(proto);
+            return Object.getPrototypeOf(value) === proto;
+        };
+        const common_isPlainObject = isPlainObject;
+        const isString = (value, fuzzy = !1)=>{
+            const type = typeof value;
+            return fuzzy ? "string" === type : "string" === type || isType(value, "String");
+        };
+        const common_isString = isString;
+        function pickWithout(obj, keys) {
+            if (!obj || !common_isPlainObject(obj)) return obj;
+            const result = {};
+            return Object.keys(obj).forEach((k)=>{
+                const v = obj[k];
+                let match = !1;
+                keys.forEach((itKey)=>{
+                    (common_isString(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
+                }), 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 pickedDatum = pickWithout(d, allMeasureIds.filter((id)=>id !== d[MeasureId]));
+                    if (selector_selector(pickedDatum, selectorPoint)) 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
+            };
+        };
         const dualAxis = [
             seriesDualAxis([
                 initDualAxisPrimary,
@@ -9601,11 +9965,11 @@
                 barMaxWidth_barMaxWidth,
                 barGapInGroup_barGapInGroup,
                 stackCornerRadius_stackCornerRadius,
-                colorBarStyleFill(barStyle_barStyle),
-                colorPointStyleFill(pointStyle_pointStyle),
-                pointStateDimensionHover,
-                colorLineStyleFill(lineStyle_lineStyle),
-                colorAreaStyleFill(areaStyle_areaStyle)
+                barStyleFilter(colorBarStyleFill(barStyle_barStyle)),
+                pointStyleFilter(colorPointStyleFill(pointStyle_pointStyle)),
+                pointStyleFilter(pointStateDimensionHover),
+                lineStyleFilter(colorLineStyleFill(lineStyle_lineStyle)),
+                areaStyleFilter(colorAreaStyleFill(areaStyle_areaStyle))
             ], [
                 initDualAxisSecondary,
                 dualChartTypeSecondary,
@@ -9616,11 +9980,11 @@
                 barMaxWidth_barMaxWidth,
                 barGapInGroup_barGapInGroup,
                 stackCornerRadius_stackCornerRadius,
-                colorBarStyleFill(barStyle_barStyle),
-                colorPointStyleFill(pointStyle_pointStyle),
-                pointStateDimensionHover,
-                colorLineStyleFill(lineStyle_lineStyle),
-                colorAreaStyleFill(areaStyle_areaStyle)
+                barStyleFilter(colorBarStyleFill(barStyle_barStyle)),
+                pointStyleFilter(colorPointStyleFill(pointStyle_pointStyle)),
+                pointStyleFilter(pointStateDimensionHover),
+                lineStyleFilter(colorLineStyleFill(lineStyle_lineStyle)),
+                areaStyleFilter(colorAreaStyleFill(areaStyle_areaStyle))
             ]),
             xBand,
             yLinearPrimary,
@@ -9629,10 +9993,11 @@
             colorAdapter(discreteLegend, colorLegend),
             background_backgroundColor,
             verticalCrosshairRect,
-            annotationPoint_annotationPoint,
+            annotationPointOfDualAxis,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationAreaBand
+            annotationAreaBand,
+            tooltipDualAxis
         ];
         const pivotDualAxis = [
             initPivot,
@@ -9677,15 +10042,17 @@
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 verticalCrosshairRect,
-                annotationPoint_annotationPoint,
+                annotationPointOfDualAxis,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationAreaBand
+                annotationAreaBand,
+                tooltipDualAxis
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const dualAxisSpecPipeline = [
             pivotAdapter_pivotAdapter(dualAxis, pivotDualAxis)
@@ -9698,7 +10065,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            pie_generateDefaultDimensionEncoding(dimensions, encoding);
+            pie_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             pie_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -9711,8 +10078,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) pie_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else pie_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) pie_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else pie_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) pie_generateMeasureEncoding(measures, encoding);
             else pie_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -9720,9 +10088,10 @@
                 encoding
             };
         };
-        const pie_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+        const pie_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
-            encoding.color = uniqueDimIds.slice(0);
+            if (isMultiMeasure) encoding.color = uniqueDimIds.slice(0);
+            else encoding.color = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
@@ -9765,11 +10134,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForPie,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForPie
             ], [
-                encodingForPie,
                 buildMeasures,
+                encodingForPie,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -9926,11 +10295,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForPie,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForPie
             ], [
-                encodingForPie,
                 buildMeasures,
+                encodingForPie,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -11135,7 +11504,8 @@
                 'xAxis',
                 'yAxis',
                 'crosshairRect',
-                'whiskers'
+                'whiskers',
+                'dimensionLinkage'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -11263,26 +11633,15 @@
                 const sorted = vals.slice().sort((a, b)=>a - b), count = sorted.length, dataMin = sorted[0], dataMax = sorted[sorted.length - 1];
                 let sum = 0;
                 for(let i = 0; i < sorted.length; i++)sum += sorted[i];
-                const mean = sum / count, q1 = quantileSorted(sorted, .25), median = quantileSorted(sorted, .5), q3 = quantileSorted(sorted, .75), iqr = q3 - q1, lowerBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[0]) : q1 - whiskers * iqr, upperBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[1]) : q3 + whiskers * iqr;
-                let lowerWhisker = dataMin;
-                for(let i = 0; i < sorted.length; i++)if (sorted[i] >= lowerBound) {
-                    lowerWhisker = sorted[i];
-                    break;
-                }
-                let upperWhisker = dataMax;
-                for(let i = sorted.length - 1; i >= 0; i--)if (sorted[i] <= upperBound) {
-                    upperWhisker = sorted[i];
-                    break;
-                }
-                const outliers = [];
-                for(let i = 0; i < sorted.length; i++)(sorted[i] < lowerWhisker || sorted[i] > upperWhisker) && outliers.push(sorted[i]);
+                const mean = sum / count, q1 = quantileSorted(sorted, .25), median = quantileSorted(sorted, .5), q3 = quantileSorted(sorted, .75), iqr = q3 - q1, lowerBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[0]) : q1 - whiskers * iqr, upperBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[1]) : q3 + whiskers * iqr, outliers = [];
+                for(let i = 0; i < sorted.length; i++)(sorted[i] < lowerBound || sorted[i] > upperBound) && outliers.push(sorted[i]);
                 const obj = {}, representative = keyToGroup.get(key);
                 if (null !== keyName) obj[keyName] = representative;
                 else if (common_isArray(groupField)) {
                     const groupObj = representative || {};
                     for (const f of groupField)obj[f] = groupObj[f];
                 }
-                obj[countName] = count, obj[meanName] = mean, obj[q1Name] = q1, obj[medianName] = median, obj[q3Name] = q3, obj[iqrName] = iqr, obj[minName] = dataMin, obj[maxName] = dataMax, obj[lowerWhiskerName] = lowerWhisker, obj[upperWhiskerName] = upperWhisker, obj[outliersName] = outliers, includeValues && (obj[valuesName] = rawValues.get(key) || []), out.push(obj);
+                obj[countName] = count, obj[meanName] = mean, obj[q1Name] = q1, obj[medianName] = median, obj[q3Name] = q3, obj[iqrName] = iqr, obj[minName] = dataMin, obj[maxName] = dataMax, obj[lowerWhiskerName] = lowerBound, obj[upperWhiskerName] = upperBound, obj[outliersName] = outliers, includeValues && (obj[valuesName] = rawValues.get(key) || []), out.push(obj);
             }
             return out;
         };
@@ -11449,7 +11808,7 @@
                     unfoldInfo = res.unfoldInfo;
                 }
                 const reshapeInfo = {
-                    id: groupId,
+                    id: `${groupId}`,
                     index,
                     foldInfo,
                     unfoldInfo
@@ -11545,14 +11904,6 @@
             "__Q1__",
             LowerWhisker
         ];
-        const measureAliasMapping = {
-            [OutliersMeasureId]: intl.i18n`异常点`,
-            [UpperWhisker]: intl.i18n`上边界`,
-            ["__Q3__"]: intl.i18n`上四分位数`,
-            [MedianMeasureId]: intl.i18n`中位数`,
-            ["__Q1__"]: intl.i18n`下四分位数`,
-            [LowerWhisker]: intl.i18n`下边界`
-        };
         const VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
         const tooltipBoxplot = (spec, context)=>{
             const result = {
@@ -11568,6 +11919,14 @@
             const meas = findAllMeasures(vseed.measures);
             const valueMeasure = meas.find((item)=>'value' === item.encoding || chunk_JK3VNB42_n(item.encoding));
             const defaultFormatter = valueMeasure ? createFormatterByMeasure(valueMeasure) : (v)=>v;
+            const measureAliasMapping = {
+                [OutliersMeasureId]: intl.i18n`异常点`,
+                [UpperWhisker]: intl.i18n`上边界`,
+                ["__Q3__"]: intl.i18n`上四分位数`,
+                [MedianMeasureId]: intl.i18n`中位数`,
+                ["__Q1__"]: intl.i18n`下四分位数`,
+                [LowerWhisker]: intl.i18n`下边界`
+            };
             result.tooltip = {
                 visible: enable,
                 style: getTooltipStyle(tooltip),
@@ -11639,16 +11998,127 @@
                 defaultContent
             ];
         };
-        const boxLegend = (spec, context)=>{
-            const normalLegend = discreteLegend(spec, context);
-            normalLegend.legends = {
-                ...normalLegend.legends,
-                data: (data)=>data.map((obj)=>{
-                        obj.shape.fill = obj.shape.stroke;
-                        return obj;
-                    })
+        const colorBoxPlotStyleFill = (stylePipe)=>(spec, context)=>{
+                const result = stylePipe(spec, context);
+                const { advancedVSeed, vseed } = context;
+                const { datasetReshapeInfo } = advancedVSeed;
+                const { unfoldInfo } = datasetReshapeInfo[0];
+                if (isLinearColor(advancedVSeed, vseed)) {
+                    if (result?.boxPlot?.style) result.boxPlot.style.fill = {
+                        field: unfoldInfo.encodingColor,
+                        scale: 'color'
+                    };
+                }
+                return result;
+            };
+        const boxPlotStyle_boxPlotStyle = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { markStyle, config } = advancedVSeed;
+            const { boxPlotStyle } = markStyle;
+            const theme = config?.[vseed.chartType]?.boxPlotStyle;
+            const result = {
+                ...spec,
+                boxPlot: {
+                    style: {
+                        shaftShape: 'filled-line',
+                        visible: true,
+                        shaftWidth: '50%',
+                        stroke: theme?.boxBorderColor
+                    }
+                }
+            };
+            if (chunk_JK3VNB42_n(boxPlotStyle) || chunk_VCYTMP4D_n(boxPlotStyle)) return result;
+            const boxPlotStyles = Array.isArray(boxPlotStyle) ? boxPlotStyle : [
+                boxPlotStyle
+            ];
+            const customMap = boxPlotStyles.reduce((result, style, index)=>{
+                const { boxColor, boxColorOpacity, boxBorderColor, boxBorderWidth = 1, boxVisible = true, boxBorderOpacity } = style;
+                return {
+                    ...result,
+                    [`custom${index + 1}`]: {
+                        level: index + 1,
+                        filter: (datum)=>{
+                            if (selector_selector(datum, style.selector)) return true;
+                            return false;
+                        },
+                        style: {
+                            visible: boxVisible,
+                            fill: boxColor,
+                            fillOpacity: boxColorOpacity,
+                            lineWidth: boxBorderWidth,
+                            stroke: boxBorderColor,
+                            strokeOpacity: boxBorderOpacity
+                        }
+                    }
+                };
+            }, {});
+            result.boxPlot.state = {
+                ...result.boxPlot.state,
+                ...customMap
+            };
+            return result;
+        };
+        const outlierStyle_outlierStyle = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { markStyle, config } = advancedVSeed;
+            const { outlierStyle } = markStyle;
+            const theme = config?.[vseed.chartType]?.outlierStyle;
+            const result = {
+                ...spec,
+                outlier: {
+                    style: {
+                        fill: theme?.pointColor
+                    }
+                }
+            };
+            if (chunk_JK3VNB42_n(outlierStyle) || chunk_VCYTMP4D_n(outlierStyle)) return result;
+            const outlierStyles = Array.isArray(outlierStyle) ? outlierStyle : [
+                outlierStyle
+            ];
+            const customMap = outlierStyles.reduce((result, style, index)=>{
+                const { pointBorderColor, pointBorderStyle, pointBorderWidth = 1, pointColor, pointColorOpacity, pointSize, pointVisible = true } = style;
+                const lineDash = 'dashed' === pointBorderStyle ? [
+                    5,
+                    2
+                ] : 'dotted' === pointBorderStyle ? [
+                    2,
+                    5
+                ] : [
+                    0,
+                    0
+                ];
+                return {
+                    ...result,
+                    [`custom${index + 1}`]: {
+                        level: index + 1,
+                        filter: (datum)=>{
+                            if (selector_selector(datum, style.selector)) return true;
+                            return false;
+                        },
+                        style: {
+                            visible: pointVisible,
+                            size: pointSize,
+                            fill: pointColor,
+                            fillOpacity: pointColorOpacity,
+                            innerBorder: {
+                                stroke: pointBorderColor,
+                                lineWidth: pointBorderWidth,
+                                distance: (pointBorderWidth || 0) / 2,
+                                lineDash: lineDash
+                            }
+                        }
+                    }
+                };
+            }, {});
+            return {
+                ...result,
+                outlier: {
+                    ...result.outlier,
+                    state: {
+                        ...customMap
+                    }
+                }
             };
-            return normalLegend;
         };
         const pipeline_boxplot_boxplot = [
             initBoxplot,
@@ -11661,9 +12131,10 @@
             yLinear,
             label_label,
             tooltipBoxplot,
-            colorAdapter(boxLegend, colorLegend),
+            colorAdapter(discreteLegend, colorLegend),
             verticalCrosshairRect,
-            colorBarStyleFill(barStyle_barStyle),
+            colorBoxPlotStyleFill(boxPlotStyle_boxPlotStyle),
+            outlierStyle_outlierStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -11684,7 +12155,8 @@
                 pivotAxisStyle(yLinear),
                 label_label,
                 tooltipBoxplot,
-                colorBarStyleFill(barStyle_barStyle),
+                colorBoxPlotStyleFill(boxPlotStyle_boxPlotStyle),
+                outlierStyle_outlierStyle,
                 verticalCrosshairRect,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
@@ -11694,7 +12166,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const boxplotSpecPipeline = [
             pivotAdapter_pivotAdapter(pipeline_boxplot_boxplot, pivotBoxplot)
@@ -11721,7 +12194,8 @@
                 'crosshairRect',
                 'binCount',
                 'binStep',
-                'binValueType'
+                'binValueType',
+                'dimensionLinkage'
             ]);
             let config = replaceNullToUndefined(pickedConfig);
             if (!hasColorEncoding && !config?.legend?.enable) config = {
@@ -11835,9 +12309,9 @@
             ]);
         };
         const subBin = (data, options)=>{
-            var _a, _b;
-            const { numBins: numBins, thresholds: thresholds, countName: countName, percentageName: percentageName, valuesName: valuesName, countField: countField, field: field, n: n, x0Name: x0Name, x1Name: x1Name } = options, out = [];
-            if (!options.groupField) for(let i = 0; i < numBins; i++){
+            var _a, _b, _c, _d;
+            const { numBins: numBins, thresholds: thresholds, countName: countName, percentageName: percentageName, valuesName: valuesName, countField: countField, field: field, n: n, x0Name: x0Name, x1Name: x1Name } = options, groupField = options.groupField, usingGroup = Array.isArray(groupField) ? groupField.length > 0 : !!groupField, out = [];
+            if (!usingGroup) for(let i = 0; i < numBins; i++){
                 const rec = {
                     [x0Name]: thresholds[i],
                     [x1Name]: thresholds[i + 1],
@@ -11845,7 +12319,7 @@
                 };
                 options.includeValues && (rec[valuesName] = []), out.push(rec);
             }
-            const groupField = options.groupField, usingGroup = !!groupField, binGroupCounts = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], binGroupValues = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], binGroupRepr = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [];
+            const binGroupCounts = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], binGroupValues = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], groupKeyOrder = [], groupKeySet = new Set, groupRepr = new Map;
             for(let i = 0; i < n; i++){
                 const v = data[i][field];
                 if (null == v) continue;
@@ -11858,12 +12332,10 @@
                             let gk;
                             gk = common_isArray(groupField) ? groupField.map((f)=>String(data[i][f])).join("||") : String(data[i][groupField]);
                             const m = binGroupCounts[j], prev = null != (_b = m.get(gk)) ? _b : 0;
-                            m.set(gk, prev + datumCount);
-                            const repMap = binGroupRepr[j];
-                            if (repMap.has(gk) || (common_isArray(groupField) ? repMap.set(gk, Object.fromEntries(groupField.map((f)=>[
+                            if (m.set(gk, prev + datumCount), groupKeySet.has(gk) || (groupKeySet.add(gk), groupKeyOrder.push(gk), common_isArray(groupField) ? groupRepr.set(gk, Object.fromEntries(groupField.map((f)=>[
                                     f,
                                     data[i][f]
-                                ]))) : repMap.set(gk, data[i][groupField])), options && options.includeValues) {
+                                ]))) : groupRepr.set(gk, data[i][groupField])), options && options.includeValues) {
                                 const vv = binGroupValues[j];
                                 vv.has(gk) || vv.set(gk, []);
                                 const arr = vv.get(gk);
@@ -11878,21 +12350,18 @@
             let totalCount = 0;
             const finalOut = [];
             if (usingGroup) {
-                for(let j = 0; j < numBins; j++){
-                    const m = binGroupCounts[j];
-                    for (const [gk, sum] of m){
-                        totalCount += sum;
-                        const rec = {
-                            [x0Name]: thresholds[j],
-                            [x1Name]: thresholds[j + 1],
-                            [countName]: sum
-                        }, repr = binGroupRepr[j].get(gk);
-                        if (common_isArray(groupField)) for (const f of groupField)rec[f] = repr[f];
-                        else rec[groupField] = repr;
-                        options && options.includeValues && (rec[valuesName] = binGroupValues[j].get(gk) || []), finalOut.push(rec);
-                    }
+                for(let j = 0; j < numBins; j++)for (const gk of groupKeyOrder){
+                    const sum = null != (_c = binGroupCounts[j].get(gk)) ? _c : 0, rec = {
+                        [x0Name]: thresholds[j],
+                        [x1Name]: thresholds[j + 1],
+                        [countName]: sum
+                    }, repr = null != (_d = groupRepr.get(gk)) ? _d : {};
+                    if (common_isArray(groupField)) for (const f of groupField)rec[f] = repr[f];
+                    else groupField && (rec[groupField] = repr);
+                    options && options.includeValues && (rec[valuesName] = binGroupValues[j].get(gk) || []), finalOut.push(rec), totalCount += sum;
                 }
-                for (const r of finalOut)r[percentageName] = totalCount > 0 ? r[countName] / totalCount : 0;
+                const denominator = totalCount;
+                for (const r of finalOut)r[percentageName] = denominator > 0 ? r[countName] / denominator : 0;
             } else {
                 for(let i = 0, len = out.length; i < len; i++)totalCount += out[i][countName];
                 for(let i = 0, len = out.length; i < len; i++)out[i][percentageName] = totalCount > 0 ? out[i][countName] / totalCount : 0, finalOut.push(out[i]);
@@ -11938,7 +12407,7 @@
                 options.facetField
             ] : [], groupField = common_isArray(null == options ? void 0 : options.groupField) ? null == options ? void 0 : options.groupField : (null == options ? void 0 : options.groupField) ? [
                 options.groupField
-            ] : [], subViewOptions = Object.assign(Object.assign({}, options), {
+            ] : [], normalizedGroupField = groupField.length ? groupField : void 0, subViewOptions = Object.assign(Object.assign({}, options), {
                 numBins: numBins,
                 thresholds: thresholds,
                 countName: countName,
@@ -11948,7 +12417,8 @@
                 field: field,
                 n: n,
                 x0Name: x0Name,
-                x1Name: x1Name
+                x1Name: x1Name,
+                groupField: normalizedGroupField
             });
             if (!facetField.length) return subBin(data, subViewOptions);
             const subViewMap = {};
@@ -11957,13 +12427,16 @@
                 subViewMap[subViewKey] ? subViewMap[subViewKey].push(dataItem) : subViewMap[subViewKey] = [
                     dataItem
                 ];
-            }), Object.values(subViewMap).map((subDataset)=>subBin(subDataset, Object.assign(Object.assign({}, subViewOptions), {
-                    groupField: [
-                        ...groupField,
-                        ...facetField
-                    ],
+            }), Object.values(subViewMap).map((subDataset)=>{
+                const combinedGroupField = [
+                    ...groupField,
+                    ...facetField
+                ];
+                return subBin(subDataset, Object.assign(Object.assign({}, subViewOptions), {
+                    groupField: combinedGroupField.length ? combinedGroupField : void 0,
                     n: subDataset.length
-                }))).flat();
+                }));
+            }).flat();
         };
         const reshapeWithHistogramEncoding = (advancedVSeed, context)=>{
             const result = {
@@ -12161,7 +12634,7 @@
                     unfoldInfo = res.unfoldInfo;
                 }
                 const reshapeInfo = {
-                    id: groupId,
+                    id: `${groupId}`,
                     index,
                     foldInfo,
                     unfoldInfo
@@ -12179,7 +12652,6 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureId_defaultMeasureId,
             histogramConfig,
             encodingAdapter([
                 defaultEncodingForHistogram,
@@ -12449,19 +12921,22 @@
             const { chartType, encoding = {}, dimensions, regressionLine } = advancedVSeed;
             const { dataset } = vseed;
             const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
+            const binValueType = advancedVSeed.config[chartType]?.binValueType;
             if (!regressionLine || !regressionLine.kdeRegressionLine) return result;
             const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
             const lineList = array_array(regressionLine.kdeRegressionLine).filter((kdeLine)=>false !== kdeLine.enable);
-            if (!result.customMark) result.customMark = [];
+            if (!result.extensionMark) result.extensionMark = [];
             lineList.forEach((line, lineIndex)=>{
+                if (false === line.enable) return;
                 const theme = lineTheme.kdeRegressionLine ?? {};
                 const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line;
                 const childrenMarks = [];
-                result.customMark.push({
+                result.extensionMark.push({
                     type: 'group',
                     interactive: false,
                     zIndex: 500,
                     name: `kdeRegressionLine-${lineIndex}`,
+                    dataId: spec.data?.id,
                     style: {
                         data: (datum, ctx)=>{
                             const vchart = ctx.vchart;
@@ -12469,7 +12944,6 @@
                             const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
                             if (series && series.length) {
                                 const s = series[0];
-                                const region = s.getRegion().getLayoutStartPoint();
                                 const fieldX = s.fieldX?.[0];
                                 const scaleY = s.getYAxisHelper().getScale?.(0);
                                 const viewData = s.getViewData()?.latestData;
@@ -12480,14 +12954,17 @@
                                 });
                                 const N = Math.max(3, Math.floor(simpleData.length / 4));
                                 const lineData = res.evaluateGrid(N);
-                                const scaleR = (k)=>scaleY.scale(k * simpleData.length * res.bandwidth);
+                                const scaleR = (k)=>{
+                                    if ('percentage' === binValueType) return scaleY.scale(k * res.bandwidth);
+                                    return scaleY.scale(k * simpleData.length * res.bandwidth);
+                                };
                                 const linePoints = lineData.map((ld)=>{
                                     const d = {
                                         [fieldX]: ld.x
                                     };
                                     return {
-                                        x: s.dataToPositionX(d) + region.x,
-                                        y: scaleR(ld.y) + region.y
+                                        x: s.dataToPositionX(d),
+                                        y: scaleR(ld.y)
                                     };
                                 });
                                 return {
@@ -12504,6 +12981,7 @@
                     type: 'line',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
                     style: {
                         lineWidth: lineWidth ?? theme.lineWidth,
                         lineDash: lineDash ?? theme.lineDash,
@@ -12519,6 +12997,8 @@
                     type: 'text',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
+                    dataKey: ()=>`kdeRegressionLine-label-${lineIndex}`,
                     style: {
                         textAlign: 'end',
                         fill: textColor ?? theme.textColor,
@@ -12588,16 +13068,18 @@
             if (!regressionLine || !regressionLine.ecdfRegressionLine) return result;
             const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
             const lineList = array_array(regressionLine.ecdfRegressionLine).filter((ecdfLine)=>false !== ecdfLine.enable);
-            if (!result.customMark) result.customMark = [];
+            if (!result.extensionMark) result.extensionMark = [];
             lineList.forEach((line, lineIndex)=>{
+                if (false === line.enable) return;
                 const theme = lineTheme?.ecdfRegressionLine ?? {};
                 const { color, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line;
                 const childrenMarks = [];
-                result.customMark.push({
+                result.extensionMark.push({
                     type: 'group',
                     interactive: false,
                     zIndex: 500,
                     name: `ecdfRegressionLine-${lineIndex}`,
+                    dataId: spec.data?.id,
                     style: {
                         data: (datum, ctx)=>{
                             const vchart = ctx.vchart;
@@ -12605,7 +13087,6 @@
                             const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
                             if (series && series.length) {
                                 const s = series[0];
-                                const region = s.getRegion().getLayoutStartPoint();
                                 const fieldX = s.fieldX?.[0];
                                 const scaleY = s.getYAxisHelper().getScale?.(0);
                                 const viewData = s.getViewData()?.latestData;
@@ -12623,8 +13104,8 @@
                                         [fieldX]: ld.x
                                     };
                                     return {
-                                        x: s.dataToPositionX(d) + region.x,
-                                        y: scaleR(ld.y) + region.y
+                                        x: s.dataToPositionX(d),
+                                        y: scaleR(ld.y)
                                     };
                                 });
                                 return {
@@ -12641,6 +13122,7 @@
                     type: 'line',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
                     style: {
                         lineWidth: lineWidth ?? theme.lineWidth,
                         lineDash: lineDash ?? theme.lineDash,
@@ -12656,6 +13138,8 @@
                     type: 'text',
                     interactive: false,
                     zIndex: 500,
+                    dataId: spec.data?.id,
+                    dataKey: ()=>`ecdfRegressionLine-label-${lineIndex}`,
                     style: {
                         textAlign: 'end',
                         fill: textColor ?? theme.textColor,
@@ -12745,7 +13229,8 @@
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotTitle,
-            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend),
+            dimensionLinkage
         ];
         const histogramSpecPipeline = [
             pivotAdapter_pivotAdapter(histogram, pivotHistogram)
@@ -12764,9 +13249,9 @@
         const getDarkCrosshairRect = ()=>({
                 visible: true,
                 labelVisible: true,
-                labelColor: '#4B4F54',
-                labelBackgroundColor: '#ffffff',
-                rectColor: '#E2E3E6'
+                labelColor: '#ffffff',
+                labelBackgroundColor: '#404349',
+                rectColor: '#4B4F54'
             });
         const getLightCrosshairLine = ()=>({
                 visible: true,
@@ -12780,7 +13265,7 @@
                 labelVisible: true,
                 labelColor: '#ffffff',
                 labelBackgroundColor: '#364159',
-                rectColor: '#3641594d'
+                rectColor: '#D9DDE4'
             });
         const getLightColorScheme = ()=>[
                 '#8D72F6',
@@ -12910,12 +13395,14 @@
             });
         const getLightPivotChartGridConfig = ()=>{
             const res = pickPivotChartGridConfig(getLightTableConfig());
+            res.hoverHeaderInlineBackgroundColor = '#D9DDE446';
             res.chartGridColor = '#F0F1F6';
             res.axisLabelColor = '#BCC1CB';
             return res;
         };
         const getDarkPivotChartGridConfig = ()=>{
             const res = pickPivotChartGridConfig(getDarkTableConfig());
+            res.hoverHeaderInlineBackgroundColor = '#4b4f5446';
             return res;
         };
         const getDefaultTooltip = ()=>({
@@ -12974,11 +13461,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#21252C'
+                    tickColor: '#E3E5EB'
                 },
                 line: {
                     visible: false,
-                    lineColor: '#21252C',
+                    lineColor: '#E3E5EB',
                     lineWidth: 1
                 }
             });
@@ -13020,11 +13507,11 @@
                     visible: false,
                     tickInside: false,
                     tickSize: 4,
-                    tickColor: '#21252C'
+                    tickColor: '#E3E5EB'
                 },
                 line: {
                     visible: true,
-                    lineColor: '#21252C',
+                    lineColor: '#E3E5EB',
                     lineWidth: 1
                 }
             });
@@ -13285,6 +13772,18 @@
                     confidenceIntervalOpacity: 0.2
                 }
             });
+        const getLightBoxPlotStyle = ()=>({
+                boxBorderColor: '#e3e5eb'
+            });
+        const getDarkBoxPlotStyle = ()=>({
+                boxBorderColor: '#4b4e53'
+            });
+        const getLightOutlierStyle = ()=>({
+                pointColor: '#8F959E'
+            });
+        const getDarkOutlierStyle = ()=>({
+                pointColor: '#36393e'
+            });
         const lightTheme = ()=>{
             const linearAxis = getLightLinearAxis();
             const bandAxis = getLightBandAxis();
@@ -13549,7 +14048,9 @@
                         yAxis: linearAxis,
                         crosshairRect,
                         pivotGrid: getLightPivotChartGridConfig(),
-                        annotation: getLightAnnotation()
+                        annotation: getLightAnnotation(),
+                        boxPlotStyle: getLightBoxPlotStyle(),
+                        outlierStyle: getLightOutlierStyle()
                     }
                 }
             };
@@ -13812,7 +14313,9 @@
                         yAxis: linearAxis,
                         crosshairRect: crosshairRect,
                         pivotGrid: getDarkPivotChartGridConfig(),
-                        annotation: getDarkAnnotation()
+                        annotation: getDarkAnnotation(),
+                        boxPlotStyle: getDarkBoxPlotStyle(),
+                        outlierStyle: getDarkOutlierStyle()
                     }
                 }
             };
@@ -14075,7 +14578,7 @@
                 return false;
             }
         });
-        function isPlainObject(o) {
+        function util_isPlainObject(o) {
             if (false === util_isObject(o)) return false;
             const ctor = o.constructor;
             if (void 0 === ctor) return true;
@@ -14182,7 +14685,7 @@
             return clone(schema, def);
         }
         function extend(schema, shape) {
-            if (!isPlainObject(shape)) throw new Error("Invalid input to extend: expected a plain object");
+            if (!util_isPlainObject(shape)) throw new Error("Invalid input to extend: expected a plain object");
             const def = mergeDefs(schema._zod.def, {
                 get shape () {
                     const _shape = {
@@ -15596,7 +16099,7 @@
                 valid: true,
                 data: a
             };
-            if (isPlainObject(a) && isPlainObject(b)) {
+            if (util_isPlainObject(a) && util_isPlainObject(b)) {
                 const bKeys = Object.keys(b);
                 const sharedKeys = Object.keys(a).filter((key)=>-1 !== bKeys.indexOf(key));
                 const newObj = {
@@ -15661,7 +16164,7 @@
             $ZodType.init(inst, def);
             inst._zod.parse = (payload, ctx)=>{
                 const input = payload.value;
-                if (!isPlainObject(input)) {
+                if (!util_isPlainObject(input)) {
                     payload.issues.push({
                         expected: "record",
                         code: "invalid_type",
@@ -16601,11 +17104,11 @@
                     arg
                 ]);
             inst.and = (arg)=>intersection(inst, arg);
-            inst.transform = (tx)=>pipe(inst, transform(tx));
+            inst.transform = (tx)=>schemas_pipe(inst, transform(tx));
             inst.default = (def)=>schemas_default(inst, def);
             inst.prefault = (def)=>prefault(inst, def);
             inst.catch = (params)=>schemas_catch(inst, params);
-            inst.pipe = (target)=>pipe(inst, target);
+            inst.pipe = (target)=>schemas_pipe(inst, target);
             inst.readonly = ()=>readonly(inst);
             inst.describe = (description)=>{
                 const cl = inst.clone();
@@ -17117,7 +17620,7 @@
             inst.in = def.in;
             inst.out = def.out;
         });
-        function pipe(in_, out) {
+        function schemas_pipe(in_, out) {
             return new ZodPipe({
                 type: "pipe",
                 in: in_,
@@ -17913,6 +18416,11 @@
             chartGridColor: schemas_string().nullish(),
             axisLabelColor: schemas_string().nullish()
         });
+        const zDimensionLinkage = schemas_object({
+            enable: schemas_boolean().nullish(),
+            showTooltip: schemas_boolean().nullish(),
+            showLabel: schemas_boolean().nullish()
+        });
         const zLineConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
             label: zLabel.nullish(),
@@ -17923,7 +18431,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairLine: zCrosshairLine.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            annotation: zAnnotationConfig.nullish()
+            annotation: zAnnotationConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zStackCornerRadius = schemas_number().or(schemas_array(schemas_number())).default([
             3,
@@ -17975,7 +18484,8 @@
             barMaxWidth: zBarMaxWidth.nullish(),
             barGapInGroup: zBarGapInGroup.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            annotation: zAnnotationConfig.nullish()
+            annotation: zAnnotationConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zColumnConfig = zColumnParallelConfig.extend({
             regressionLine: zRegressionLine.nullish()
@@ -17992,7 +18502,8 @@
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            annotation: zAnnotationConfig.nullish()
+            annotation: zAnnotationConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zBarParallelConfig = zBarConfig;
         const zBarPercentConfig = zBarConfig;
@@ -18006,7 +18517,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairLine: zCrosshairLine.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            annotation: zAnnotationConfig.nullish()
+            annotation: zAnnotationConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zAreaPercentConfig = zAreaConfig;
         const zScatterConfig = schemas_object({
@@ -18022,7 +18534,8 @@
             sizeRange: schemas_number().or(schemas_array(schemas_number())).nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
             annotation: zAnnotationConfig.nullish(),
-            regressionLine: zRegressionLine.nullish()
+            regressionLine: zRegressionLine.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zDualAxisConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -18037,7 +18550,8 @@
             xAxis: zXBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
-            annotation: zAnnotationConfig.nullish()
+            annotation: zAnnotationConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zPieLabel = zLabel.extend({
             labelLayout: union([
@@ -18095,6 +18609,32 @@
         });
         const zPivotTableConfig = zTableConfig;
         const zWhiskersConfig = schemas_number().or(schemas_array(schemas_number())).default(1.5);
+        const zBoxPlotStyle = schemas_object({
+            selector: zSelector.or(zSelectors).nullish(),
+            boxVisible: schemas_boolean().nullish(),
+            boxColor: schemas_string().nullish(),
+            boxColorOpacity: schemas_number().min(0).max(1).nullish(),
+            boxBorderColor: schemas_string().nullish(),
+            boxBorderWidth: schemas_number().min(0).nullish(),
+            boxBorderOpacity: schemas_number().min(0).max(1).nullish()
+        });
+        const zOutlierStyle = schemas_object({
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).optional(),
+            pointVisible: schemas_boolean().optional(),
+            pointSize: schemas_number().optional(),
+            pointColor: schemas_string().optional(),
+            pointColorOpacity: schemas_number().min(0).max(1).optional(),
+            pointBorderColor: schemas_string().optional(),
+            pointBorderWidth: schemas_number().min(0).optional(),
+            pointBorderStyle: schemas_enum([
+                'solid',
+                'dashed',
+                'dotted'
+            ]).optional()
+        });
         const zBoxplotConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
             label: zLabel.nullish(),
@@ -18106,7 +18646,14 @@
             crosshairRect: zCrosshairRect.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
             annotation: zAnnotationConfig.nullish(),
-            whiskers: zWhiskersConfig.nullish()
+            whiskers: zWhiskersConfig.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
+            boxPlotStyle: zBoxPlotStyle.omit({
+                selector: true
+            }).nullish(),
+            outlierStyle: zOutlierStyle.omit({
+                selector: true
+            }).nullish()
         });
         const zHistogramConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -18123,7 +18670,8 @@
             binCount: schemas_number().positive().nullish(),
             binStep: schemas_number().positive().nullish(),
             binValueType: literal('count').or(literal('percentage')).nullish(),
-            regressionLine: zRegressionLine.nullish()
+            regressionLine: zRegressionLine.nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish()
         });
         const zConfig = schemas_object({
             table: zTableConfig.nullish(),
@@ -18224,7 +18772,9 @@
             barStyle: zBarStyle.or(schemas_array(zBarStyle)).nullish(),
             pointStyle: zPointStyle.or(schemas_array(zPointStyle)).nullish(),
             lineStyle: zLineStyle.or(schemas_array(zLineStyle)).nullish(),
-            areaStyle: zAreaStyle.or(schemas_array(zAreaStyle)).nullish()
+            areaStyle: zAreaStyle.or(schemas_array(zAreaStyle)).nullish(),
+            boxPlotStyle: zBoxPlotStyle.or(schemas_array(zBoxPlotStyle)).nullish(),
+            outlierStyle: zOutlierStyle.or(schemas_array(zOutlierStyle)).nullish()
         });
         const zAnnotationVerticalLine = schemas_object({
             selector: union([
@@ -18385,6 +18935,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zColumn = schemas_object({
@@ -18412,6 +18963,7 @@
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
             polynomialRegressionLine: schemas_array(zPolynomialRegressionLine).or(zPolynomialRegressionLine).or(schemas_boolean()).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zColumnParallel = schemas_object({
@@ -18437,6 +18989,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zColumnPercent = schemas_object({
@@ -18461,6 +19014,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zBar = schemas_object({
@@ -18485,6 +19039,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zBarParallel = schemas_object({
@@ -18510,6 +19065,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zBarPercent = schemas_object({
@@ -18534,6 +19090,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zArea = schemas_object({
@@ -18558,6 +19115,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zAreaPercent = schemas_object({
@@ -18582,6 +19140,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zScatter = schemas_object({
@@ -18611,6 +19170,7 @@
             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(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zDualAxis = schemas_object({
@@ -18643,6 +19203,7 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zHistogram = schemas_object({
@@ -18670,6 +19231,7 @@
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
             ecdfRegressionLine: schemas_array(zEcdfRegressionLine).or(zEcdfRegressionLine).nullish(),
             kdeRegressionLine: schemas_array(zKdeRegressionLine).or(zKdeRegressionLine).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zRose = schemas_object({
@@ -18785,12 +19347,15 @@
             sort: zSort.nullish(),
             sortLegent: zSortLegend.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
+            boxPlotStyle: schemas_array(zBoxPlotStyle).or(zBoxPlotStyle).nullish(),
+            outlierStyle: schemas_array(zOutlierStyle).or(zOutlierStyle).nullish(),
             theme: zTheme.nullish(),
             whiskers: zWhiskersConfig.nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            dimensionLinkage: zDimensionLinkage.nullish(),
             locale: zLocale.nullish()
         });
         const zVSeed = discriminatedUnion('chartType', [
@@ -18824,6 +19389,7 @@
             chartType: zChartType,
             dataset: zDataset,
             datasetReshapeInfo: zDatasetReshapeInfo,
+            pivotAllDatasetReshapeInfo: zDatasetReshapeInfo,
             dimensions: zDimensionTree,
             measures: zMeasureTree,
             reshapeMeasures: zMeasureTree.optional(),