@visactor/vseed 0.1.11 → 0.1.13

package/dist/umd/index.js

@@ -87,6 +87,7 @@
             zCrosshairRect: ()=>zCrosshairRect,
             scatterSpecPipeline: ()=>scatterSpecPipeline,
             intl: ()=>intl,
+            zXLinearAxis: ()=>zXLinearAxis,
             zScatterMeasures: ()=>zScatterMeasures,
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             zColumnConfig: ()=>zColumnConfig,
@@ -110,6 +111,7 @@
             isDimensionSelector: ()=>isDimensionSelector,
             zAnalysis: ()=>zAnalysis,
             zColorLegend: ()=>zColorLegend,
+            EncodingEnum: ()=>EncodingEnum,
             preorderTraverse: ()=>preorderTraverse,
             zDimensionTree: ()=>zDimensionTree,
             roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
@@ -119,8 +121,8 @@
             MeasureName: ()=>MeasureName,
             zDataset: ()=>zDataset,
             zNumFormat: ()=>zNumFormat,
+            DimensionEncodingEnum: ()=>DimensionEncodingEnum,
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
-            findAllDimensions: ()=>findAllDimensions,
             FoldYMeasureValue: ()=>FoldYMeasureValue,
             zPivotTableConfig: ()=>zPivotTableConfig,
             zArea: ()=>zArea,
@@ -128,14 +130,15 @@
             zDimensions: ()=>zDimensions,
             zLegend: ()=>zLegend,
             FoldMeasureId: ()=>FoldMeasureId,
-            zColumnParallelConfig: ()=>zColumnParallelConfig,
+            replaceNullToUndefined: ()=>replaceNullToUndefined,
             donutSpecPipeline: ()=>donutSpecPipeline,
             FoldXMeasureId: ()=>FoldXMeasureId,
             registerAreaPercent: ()=>registerAreaPercent,
             zBarPercent: ()=>zBarPercent,
+            zColumnParallelConfig: ()=>zColumnParallelConfig,
             zHeatmap: ()=>zHeatmap,
-            zMeasureEncoding: ()=>zMeasureEncoding,
             zDatum: ()=>zDatum,
+            zMeasureEncoding: ()=>zMeasureEncoding,
             zScatterMeasure: ()=>zScatterMeasure,
             zTheme: ()=>zTheme,
             barAdvancedPipeline: ()=>barAdvancedPipeline,
@@ -143,23 +146,23 @@
             registerColumnPercent: ()=>registerColumnPercent,
             registerHeatmap: ()=>registerHeatmap,
             registerBarPercent: ()=>registerBarPercent,
-            roseSpecPipeline: ()=>roseSpecPipeline,
             ColorIdEncoding: ()=>ColorIdEncoding,
+            roseSpecPipeline: ()=>roseSpecPipeline,
             zCrosshairLine: ()=>zCrosshairLine,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
-            isPartialDatumSelector: ()=>isPartialDatumSelector,
+            registerDarkTheme: ()=>registerDarkTheme,
             registerPivotTable: ()=>registerPivotTable,
-            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
+            isPartialDatumSelector: ()=>isPartialDatumSelector,
             pieSpecPipeline: ()=>pieSpecPipeline,
-            registerDarkTheme: ()=>registerDarkTheme,
+            isDimensionGroup: ()=>isDimensionGroup,
             dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
-            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             barSpecPipeline: ()=>barSpecPipeline,
-            zChartType: ()=>zChartType,
+            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
             registerRose: ()=>registerRose,
-            zMeasureTree: ()=>zMeasureTree,
+            zChartType: ()=>zChartType,
             unfoldDimensions: ()=>unfoldDimensions,
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             registerTable: ()=>registerTable,
@@ -171,9 +174,9 @@
             isVChart: ()=>isVChart,
             radarSpecPipeline: ()=>radarSpecPipeline,
             Builder: ()=>Builder,
+            zMeasureTree: ()=>zMeasureTree,
             zPieConfig: ()=>zPieConfig,
             zPivotTable: ()=>zPivotTable,
-            zRadar: ()=>zRadar,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
@@ -193,17 +196,18 @@
             zAxis: ()=>zAxis,
             isVTable: ()=>isVTable,
             zMeasures: ()=>zMeasures,
-            zRadarConfig: ()=>zRadarConfig,
+            zRadar: ()=>zRadar,
             zLine: ()=>zLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
             zFoldInfo: ()=>zFoldInfo,
             zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
             zLinearColor: ()=>zLinearColor,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zRadarConfig: ()=>zRadarConfig,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zUnfoldInfo: ()=>zUnfoldInfo,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             zAnnotationArea: ()=>zAnnotationArea,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             DetailEncoding: ()=>DetailEncoding,
             zRose: ()=>zRose,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
@@ -237,8 +241,9 @@
             registerBarParallel: ()=>registerBarParallel,
             registerRadar: ()=>registerRadar,
             zLocale: ()=>zLocale,
+            isDimension: ()=>isDimension,
+            MeasureEncodingEnum: ()=>MeasureEncodingEnum,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
-            zMeasure: ()=>zMeasure,
             FoldXMeasureValue: ()=>FoldXMeasureValue,
             dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
             registerScatter: ()=>registerScatter,
@@ -250,9 +255,10 @@
             zAdvancedVSeed: ()=>zAdvancedVSeed,
             zConfig: ()=>zConfig,
             zBarStyle: ()=>zBarStyle,
-            zRoseParallelConfig: ()=>zRoseParallelConfig,
-            zXLinearAxis: ()=>zXLinearAxis,
+            deleteDimensionTreeByCallback: ()=>deleteDimensionTreeByCallback,
+            zMeasure: ()=>zMeasure,
             zAreaPercent: ()=>zAreaPercent,
+            zRoseParallelConfig: ()=>zRoseParallelConfig,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             isValueSelector: ()=>isValueSelector,
             donutAdvancedPipeline: ()=>donutAdvancedPipeline,
@@ -326,7 +332,9 @@
             };
             if (builder.vseed.locale) intl.setLocale(builder.vseed.locale);
             try {
-                return execPipeline(pipeline, context);
+                const advancedVSeed = execPipeline(pipeline, context);
+                builder.advancedVSeed = advancedVSeed;
+                return advancedVSeed;
             } catch (e) {
                 console.error(e);
                 throw new Error("buildAdvanced error, see error info in console");
@@ -347,7 +355,9 @@
             };
             if (builder.vseed.locale) intl.setLocale(builder.vseed.locale);
             try {
-                return execPipeline(pipeline, context);
+                const spec = execPipeline(pipeline, context);
+                builder.spec = spec;
+                return spec;
             } catch (e) {
                 console.error(e);
                 throw new Error("buildSpec error, see error info in console");
@@ -358,10 +368,8 @@
         };
         const build = (builder)=>{
             const advancedVSeed = builder.buildAdvanced();
-            builder.advancedVSeed = advancedVSeed;
             if (!advancedVSeed) throw new Error('advancedVSeed is null');
             const spec = builder.buildSpec(advancedVSeed);
-            builder.spec = spec;
             return spec;
         };
         var chunk_ANXBDSUI_s = {
@@ -445,9 +453,114 @@
                     next: t
                 });
         }
+        const preorderTraverse = (tree, callback)=>{
+            if (!tree || 0 === tree.length) return;
+            const stack = [
+                ...tree
+            ].reverse();
+            while(stack.length > 0){
+                const node = stack.pop();
+                const stop = callback(node);
+                if (true === stop) return;
+                if (!('children' in node)) continue;
+                const children = node.children;
+                if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
+                    const child = children[i];
+                    stack.push(child);
+                }
+            }
+        };
+        const measureDepth = (measures = [])=>{
+            if (!measures) return 0;
+            let depth = 1;
+            preorderTraverse(measures, (node)=>{
+                if ('children' in node) depth = Math.max(depth, 1 + measureDepth(node.children));
+                return false;
+            });
+            return depth;
+        };
+        const isMeasureTreeWithChildren = (measures)=>{
+            if (!measures) return false;
+            return measures.some((measure)=>'children' in measure);
+        };
+        const isMeasureTreeWithParentId = (measures)=>{
+            if (!measures) return false;
+            return measures.some((measure)=>'parentId' in measure);
+        };
+        const normalizeMeasureTree = (measures)=>{
+            const createEmptyMeasureGroup = ()=>({
+                    id: 'group',
+                    alias: '',
+                    children: []
+                });
+            let currentGroup = createEmptyMeasureGroup();
+            const measureGroups = [];
+            for (const measure of measures)if ('children' in measure) {
+                if (currentGroup.children?.length) {
+                    currentGroup.id = [
+                        currentGroup.id,
+                        ...currentGroup.children.map((item)=>item.id)
+                    ].join('-');
+                    currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+                    measureGroups.push(currentGroup);
+                    currentGroup = createEmptyMeasureGroup();
+                }
+                measureGroups.push(measure);
+            } else currentGroup.children?.push(measure);
+            if (currentGroup.children?.length) {
+                currentGroup.id = [
+                    currentGroup.id,
+                    ...currentGroup.children.map((item)=>item.id)
+                ].join('-');
+                currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+                measureGroups.push(currentGroup);
+                currentGroup = createEmptyMeasureGroup();
+            }
+            return measureGroups;
+        };
+        const DEFAULT_PARENT_ID = '__DefaultParentId__';
+        const isTable = (vseed)=>'table' === vseed.chartType;
+        const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
+        const isVTable = (vseed)=>[
+                'table',
+                'pivotTable'
+            ].includes(vseed.chartType);
+        const isVChart = (vseed)=>!isVTable(vseed);
+        const isPivotChart = (vseed)=>{
+            if (isVTable(vseed)) return false;
+            if (isMeasureTreeWithParentId(vseed.measures)) {
+                const parentIds = vseed.measures?.map((measure)=>measure.parentId || DEFAULT_PARENT_ID);
+                return parentIds && chunk_QJLMYOTX_i(parentIds).length > 1;
+            }
+            if ('dualAxis' === vseed.chartType || 'scatter' === vseed.chartType) {
+                const { dimensions = [] } = vseed;
+                const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
+                if (hasRowOrColumnDimension) return true;
+                if ('scatter' === vseed.chartType) {
+                    if (isMeasureTreeWithChildren(vseed.measures)) {
+                        const depth = measureDepth(vseed.measures);
+                        return 3 === depth;
+                    }
+                    if (vseed.scatterMeasures && vseed.scatterMeasures.length > 1) return true;
+                    return false;
+                }
+                if ('dualAxis' === vseed.chartType) {
+                    if (isMeasureTreeWithChildren(vseed.measures)) {
+                        const depth = measureDepth(vseed.measures);
+                        return 3 === depth;
+                    }
+                    if (vseed.dualMeasures && vseed.dualMeasures.length > 1) return true;
+                }
+                return false;
+            }
+            const { measures = [], dimensions = [] } = vseed;
+            const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
+            const hasMeasureGroup = measures && measures.some((measure)=>measure && measure.children);
+            return hasRowOrColumnDimension || hasMeasureGroup;
+        };
         const getColorItems = (builder)=>{
             const advancedVSeed = builder.advancedVSeed;
-            if (!advancedVSeed) return [];
+            if (!advancedVSeed || isTable(builder.vseed) || isPivotTable(builder.vseed)) return [];
             const { datasetReshapeInfo } = advancedVSeed;
             const colorItems = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
             const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
@@ -458,7 +571,7 @@
         };
         const getColorIdMap = (builder)=>{
             const advancedVSeed = builder.advancedVSeed;
-            if (!advancedVSeed) return {};
+            if (!advancedVSeed || isTable(builder.vseed) || isPivotTable(builder.vseed)) return {};
             const { datasetReshapeInfo } = advancedVSeed;
             const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
                     ...prev,
@@ -516,7 +629,7 @@
                 if (customPipe) pipeline.push(customPipe);
                 return pipeline;
             };
-            static getTheme = (themeKey)=>Builder._themeMap[themeKey];
+            static getTheme = (themeKey)=>Builder._themeMap[themeKey || 'light'];
             static getThemeMap = ()=>Builder._themeMap;
             static from = (vseed)=>new Builder(vseed);
             static _advancedPipelineMap = {};
@@ -564,23 +677,6 @@
                 measures: defaultMeasures
             };
         };
-        const preorderTraverse = (tree, callback)=>{
-            if (!tree || 0 === tree.length) return;
-            const stack = [
-                ...tree
-            ].reverse();
-            while(stack.length > 0){
-                const node = stack.pop();
-                const stop = callback(node);
-                if (true === stop) return;
-                if (!('children' in node)) continue;
-                const children = node.children;
-                if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
-                    const child = children[i];
-                    stack.push(child);
-                }
-            }
-        };
         const findMeasureById = (measures = [], id)=>{
             if (!measures) return;
             let result;
@@ -1240,14 +1336,14 @@
                 measureId,
                 measureName,
                 measureValue,
-                colorRange: [
-                    0,
-                    1
-                ],
-                measureRange: [
-                    0,
-                    1
-                ],
+                statistics: {
+                    max: -1 / 0,
+                    min: 1 / 0,
+                    sum: 0,
+                    count: 0,
+                    colorMin: 1 / 0,
+                    colorMax: -1 / 0
+                },
                 foldMap: {}
             };
             const result = new Array(dataset.length * measures.length);
@@ -1268,15 +1364,15 @@
                     const value = datum[ORIGINAL_DATA][colorMeasureId];
                     datum[ColorEncoding] = value;
                     datum[ColorIdEncoding] = colorMeasureId;
-                    foldInfo.colorRange = [
-                        Math.min(foldInfo.colorRange[0] || 1 / 0, Number(value)),
-                        Math.max(foldInfo.colorRange[1] || -1 / 0, Number(value))
-                    ];
-                }
-                foldInfo.measureRange = [
-                    Math.min(foldInfo.measureRange[0] || 1 / 0, Number(datum[id])),
-                    Math.max(foldInfo.measureRange[1] || -1 / 0, Number(datum[id]))
-                ];
+                    const valueNumber = Number(value);
+                    foldInfo.statistics.colorMin = Math.min(foldInfo.statistics.colorMin, valueNumber);
+                    foldInfo.statistics.colorMax = Math.max(foldInfo.statistics.colorMax, valueNumber);
+                }
+                const valueNumber = Number(datum[id]);
+                foldInfo.statistics.min = Math.min(foldInfo.statistics.min, valueNumber);
+                foldInfo.statistics.max = Math.max(foldInfo.statistics.max, valueNumber);
+                foldInfo.statistics.sum += valueNumber;
+                foldInfo.statistics.count++;
                 foldInfo.foldMap[id] = alias;
                 result[index++] = datum;
             }
@@ -1731,6 +1827,8 @@
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const line_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -1739,100 +1837,18 @@
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
-        const isMeasureTreeWithChildren = (measures)=>{
-            if (!measures) return false;
-            return measures.some((measure)=>'children' in measure);
-        };
-        const isMeasureTreeWithParentId = (measures)=>{
-            if (!measures) return false;
-            return measures.some((measure)=>'parentId' in measure);
-        };
-        const normalizeMeasureTree = (measures)=>{
-            const createEmptyMeasureGroup = ()=>({
-                    id: 'group',
-                    alias: '',
-                    children: []
-                });
-            let currentGroup = createEmptyMeasureGroup();
-            const measureGroups = [];
-            for (const measure of measures)if ('children' in measure) {
-                if (currentGroup.children?.length) {
-                    currentGroup.id = [
-                        currentGroup.id,
-                        ...currentGroup.children.map((item)=>item.id)
-                    ].join('-');
-                    currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
-                    measureGroups.push(currentGroup);
-                    currentGroup = createEmptyMeasureGroup();
-                }
-                measureGroups.push(measure);
-            } else currentGroup.children?.push(measure);
-            if (currentGroup.children?.length) {
-                currentGroup.id = [
-                    currentGroup.id,
-                    ...currentGroup.children.map((item)=>item.id)
-                ].join('-');
-                currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
-                measureGroups.push(currentGroup);
-                currentGroup = createEmptyMeasureGroup();
-            }
-            return measureGroups;
-        };
-        const measureDepth = (measures = [])=>{
-            if (!measures) return 0;
-            let depth = 1;
-            preorderTraverse(measures, (node)=>{
-                if ('children' in node) depth = Math.max(depth, 1 + measureDepth(node.children));
-                return false;
-            });
-            return depth;
-        };
-        const DEFAULT_PARENT_ID = '__DefaultParentId__';
-        const isTable = (vseed)=>'table' === vseed.chartType;
-        const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
-        const isVTable = (vseed)=>[
-                'table',
-                'pivotTable'
-            ].includes(vseed.chartType);
-        const isVChart = (vseed)=>!isVTable(vseed);
-        const isPivotChart = (vseed)=>{
-            if (isVTable(vseed)) return false;
-            if (isMeasureTreeWithParentId(vseed.measures)) {
-                const parentIds = vseed.measures?.map((measure)=>measure.parentId || DEFAULT_PARENT_ID);
-                return parentIds && chunk_QJLMYOTX_i(parentIds).length > 1;
-            }
-            if ('dualAxis' === vseed.chartType || 'scatter' === vseed.chartType) {
-                const { dimensions = [] } = vseed;
-                const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
-                if (hasRowOrColumnDimension) return true;
-                if ('scatter' === vseed.chartType) {
-                    if (isMeasureTreeWithChildren(vseed.measures)) {
-                        const depth = measureDepth(vseed.measures);
-                        return 3 === depth;
-                    }
-                    if (vseed.scatterMeasures && vseed.scatterMeasures.length > 1) return true;
-                    return false;
-                }
-                if ('dualAxis' === vseed.chartType) {
-                    if (isMeasureTreeWithChildren(vseed.measures)) {
-                        const depth = measureDepth(vseed.measures);
-                        return 3 === depth;
-                    }
-                    if (vseed.dualMeasures && vseed.dualMeasures.length > 1) return true;
-                }
-                return false;
-            }
-            const { measures = [], dimensions = [] } = vseed;
-            const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'row' === dimension.encoding || 'column' === dimension.encoding);
-            const hasMeasureGroup = measures && measures.some((measure)=>measure && measure.children);
-            return hasRowOrColumnDimension || hasMeasureGroup;
-        };
         const buildMeasures = (advancedVSeed)=>{
             if (isMeasureTreeWithChildren(advancedVSeed.measures)) {
                 advancedVSeed.measures = normalizeMeasureTree(advancedVSeed.measures);
@@ -1914,14 +1930,60 @@
             }
             return measureTree;
         };
-        const deleteTooltipMeasure = (advancedVSeed)=>{
-            const deleteBy = (measure)=>'tooltip' === measure.encoding;
+        const deleteTooltipAndLabelMeasure = (advancedVSeed)=>{
+            const deleteBy = (measure)=>'tooltip' === measure.encoding || 'label' === measure.encoding;
             const measureTree = deleteMeasureTreeByCallback(advancedVSeed.measures, deleteBy);
             return {
                 ...advancedVSeed,
                 measures: measureTree
             };
         };
+        const isDimension = (dimension)=>!('children' in dimension);
+        const isDimensionGroup = (dimension)=>'children' in dimension;
+        const deleteDimensionTreeByCallback = (dimensionTree, callback)=>{
+            if (!dimensionTree) return dimensionTree;
+            const stack = [
+                ...dimensionTree
+            ].reverse();
+            const parents = new Map();
+            dimensionTree.forEach((node)=>{
+                parents.set(node, dimensionTree);
+            });
+            const nodesToProcess = [];
+            const visited = new Set();
+            while(stack.length > 0){
+                const node = stack[stack.length - 1];
+                if (isDimensionGroup(node) && node.children && !visited.has(node)) {
+                    visited.add(node);
+                    const children = node.children.slice().reverse();
+                    for (const child of children){
+                        parents.set(child, node.children);
+                        stack.push(child);
+                    }
+                } else {
+                    stack.pop();
+                    nodesToProcess.push(node);
+                }
+            }
+            for (const node of nodesToProcess){
+                const parentList = parents.get(node);
+                if (parentList) {
+                    const index = parentList.indexOf(node);
+                    if (isDimension(node)) {
+                        if (callback?.(node, index, parentList)) parentList.splice(index, 1);
+                    }
+                }
+            }
+            return dimensionTree;
+        };
+        const deleteTooltipAndLabelDimension = (advancedVSeed)=>{
+            const deleteBy = (dimension)=>'tooltip' === dimension.encoding || 'label' === dimension.encoding;
+            const dimensionTree = deleteDimensionTreeByCallback(advancedVSeed.dimensions, deleteBy);
+            return {
+                ...advancedVSeed,
+                dimensions: dimensionTree
+            };
+        };
         const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
@@ -2183,13 +2245,30 @@
             });
             return chunk_QJLMYOTX_i(res.map((item)=>item[id]));
         };
+        function chunk_3ZJAREUD_i(...e) {
+            return chunk_WIMGWYZL_u(chunk_3ZJAREUD_o, e);
+        }
+        function chunk_3ZJAREUD_o(e, r) {
+            let a = {};
+            for (let [n, u] of Object.entries(e)){
+                let l = r(u, n, e);
+                a[n] = l;
+            }
+            return a;
+        }
+        const replaceNullToUndefined = (obj)=>{
+            if (null === obj) return;
+            if (Array.isArray(obj)) return obj.map(replaceNullToUndefined);
+            if (chunk_BZNENX2T_r(obj)) return C(obj, chunk_3ZJAREUD_i((value)=>replaceNullToUndefined(value)));
+            return obj;
+        };
         const lineConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType } = vseed;
             const result = {
                 ...advancedVSeed
             };
-            const config = chunk_2T7K3PFL_i(vseed, [
+            const pickedConfig = chunk_2T7K3PFL_i(vseed, [
                 'backgroundColor',
                 'color',
                 'label',
@@ -2199,6 +2278,7 @@
                 'yAxis',
                 'crosshairLine'
             ]);
+            const config = replaceNullToUndefined(pickedConfig);
             result.config = {
                 ...result.config || {},
                 [chartType]: {
@@ -2269,12 +2349,13 @@
         const radarConfig = pieConfig;
         const markStyle_markStyle = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const markStyle = chunk_2T7K3PFL_i(vseed, [
+            const pickedMarkStyle = chunk_2T7K3PFL_i(vseed, [
                 'barStyle',
                 'pointStyle',
                 'lineStyle',
                 'areaStyle'
             ]);
+            const markStyle = replaceNullToUndefined(pickedMarkStyle);
             return {
                 ...advancedVSeed,
                 markStyle
@@ -2304,7 +2385,8 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -3190,36 +3272,56 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, locale } = advancedVSeed;
-            const { chartType } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { measures, datasetReshapeInfo } = advancedVSeed;
+            const { chartType, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.label) return result;
-            const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
+            const { measureId, measureValue, statistics } = datasetReshapeInfo[0].foldInfo;
             const { label } = baseConfig;
-            const { enable } = label;
+            const { enable, wrap, showValue, showValuePercent } = label;
+            const labelDims = T((vseed.dimensions || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
+            const labelMeas = T((vseed.measures || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
+            const format = {
+                type: 'percent'
+            };
+            const formatter = createFormatter(format);
             result.label = {
                 visible: enable,
-                formatMethod: (value, datum)=>{
+                formatMethod: (_, datum)=>{
                     const result = [];
-                    const formatValue = (value)=>{
-                        const id = datum[measureId];
-                        const measure = findMeasureById(measures, id);
-                        if (!measure) return value;
-                        const { format = {}, autoFormat = true } = measure;
-                        if (!chunk_VCYTMP4D_n(format)) {
-                            const formatter = createFormatter(format);
-                            return formatter(value);
-                        }
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return String(value);
-                    };
-                    result.push(formatValue(datum[measureValue]));
+                    const measure = findMeasureById(measures, datum[measureId]);
+                    const dimLabels = labelDims.map((item)=>item.alias || item.id);
+                    const meaLabels = labelMeas.map((item)=>generateMeasureValue(datum[item.id], item));
+                    const measureValueLabel = generateMeasureValue(datum[measureValue], measure);
+                    const measurePercentLabel = generateMeasurePercent(datum[measureValue], statistics.sum, formatter);
+                    result.push(...dimLabels);
+                    if (showValue) result.push(measureValueLabel);
+                    if (showValuePercent) result.push(measurePercentLabel);
+                    result.push(...meaLabels);
+                    if (wrap) return result;
                     return result.join(' ');
                 }
             };
             return result;
         };
+        const generateMeasureValue = (value, measure)=>{
+            if (!measure) return value;
+            const { format = {}, autoFormat = true } = measure;
+            if (!chunk_VCYTMP4D_n(format)) {
+                const formatter = createFormatter(format);
+                return formatter(value);
+            }
+            if (autoFormat) return autoFormatter(value, intl.getLocale());
+            return String(value);
+        };
+        const generateMeasurePercent = (value, sum, formatter)=>{
+            if (null == value) return String(value);
+            const num = Number(value);
+            if (Number.isNaN(num)) return String(value);
+            const percentValue = num / sum;
+            return formatter(percentValue);
+        };
         const tooltip_tooltip = (spec, context)=>{
             const result = {
                 ...spec
@@ -4122,8 +4224,8 @@
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.legend) return result;
             const { datasetReshapeInfo } = advancedVSeed;
-            const max = Math.max(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[1]));
-            const min = Math.min(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[0]));
+            const max = Math.max(...datasetReshapeInfo.map((d)=>d.foldInfo.statistics.colorMin));
+            const min = Math.min(...datasetReshapeInfo.map((d)=>d.foldInfo.statistics.colorMax));
             const { legend, color } = baseConfig;
             const { colorScheme, linearColorScheme } = color;
             const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400 } = legend || {};
@@ -4292,7 +4394,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -4308,11 +4410,11 @@
                 MeasureName
             ];
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
-            ];
+            if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const column_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -4321,9 +4423,15 @@
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -4338,7 +4446,8 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -4708,7 +4817,8 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -4813,7 +4923,8 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -4922,7 +5033,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.y = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -4938,11 +5049,11 @@
                 MeasureName
             ];
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
-            ];
+            if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const bar_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.x = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -4951,9 +5062,15 @@
             encoding.x = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -4984,7 +5101,8 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5345,7 +5463,8 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5449,7 +5568,8 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5528,7 +5648,8 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5694,7 +5815,8 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -5799,7 +5921,7 @@
             const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureName.map((d)=>d.id));
             encoding.color = uniqueDimIds.slice(0);
-            encoding.detail = uniqueDimIds.slice(0);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -5816,6 +5938,8 @@
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const scatter_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || 'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -5826,9 +5950,15 @@
             if (color.length > 0) encoding.color = [
                 color[0]
             ];
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -6070,7 +6200,8 @@
             ], [
                 encodingForScatter,
                 buildMeasuresForScatter,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithScatterEncoding
@@ -6346,7 +6477,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -6362,11 +6493,11 @@
                 MeasureName
             ];
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
-            ];
+            if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const dualAxis_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'primaryYAxis' === item.encoding || 'secondaryYAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -6375,9 +6506,15 @@
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'primaryYAxis' === item.encoding || 'secondaryYAxis' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -6608,18 +6745,21 @@
             const result = {
                 ...advancedVSeed
             };
-            const config = chunk_2T7K3PFL_i(vseed, [
+            const pickedConfig = chunk_2T7K3PFL_i(vseed, [
                 'backgroundColor',
                 'color',
                 'label',
                 'legend',
                 'tooltip',
+                'xAxis',
                 'dualChartType',
                 'alignTicks',
                 'primaryYAxis',
                 'secondaryYAxis',
-                'crosshairLine'
+                'crosshairLine',
+                'crosshairRect'
             ]);
+            const config = replaceNullToUndefined(pickedConfig);
             result.config = {
                 ...result.config || {},
                 [chartType]: {
@@ -6639,7 +6779,8 @@
             ], [
                 encodingForDualAxis,
                 buildMeasuresForDualAxis,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithDualEncoding
@@ -6769,6 +6910,7 @@
                 case 'columnPercent':
                     result.type = 'bar';
                     result.percent = true;
+                    result.zIndex = 1000;
                     break;
                 case 'area':
                     result.type = 'area';
@@ -6825,6 +6967,7 @@
                 case 'columnPercent':
                     result.type = 'bar';
                     result.percent = true;
+                    result.zIndex = 1000;
                     break;
                 case 'area':
                     result.type = 'area';
@@ -7407,7 +7550,7 @@
         const pie_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.color = uniqueDimIds.slice(0);
-            encoding.detail = uniqueDimIds.slice(0);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -7424,6 +7567,8 @@
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const pie_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.angle = chunk_QJLMYOTX_i(measures.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -7432,9 +7577,15 @@
             encoding.angle = chunk_QJLMYOTX_i(measures.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -7449,7 +7600,8 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7575,7 +7727,8 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7683,7 +7836,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.angle = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -7699,11 +7852,11 @@
                 MeasureName
             ];
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
-            ];
+            if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const rose_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -7712,9 +7865,15 @@
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -7729,7 +7888,8 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -7935,7 +8095,8 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -8093,6 +8254,8 @@
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const radar_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -8101,9 +8264,15 @@
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
             const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -8118,7 +8287,8 @@
             ], [
                 encodingForRadar,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -8282,7 +8452,7 @@
         const funnel_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.color = uniqueDimIds.slice(0);
-            encoding.detail = uniqueDimIds.slice(0);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -8299,6 +8469,8 @@
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const funnel_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -8309,9 +8481,15 @@
             if (color.length > 0) encoding.color = [
                 color[0]
             ];
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -8326,7 +8504,8 @@
             ], [
                 encodingForFunnel,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -8472,7 +8651,7 @@
             encoding.x = uniqueDimIds.slice(0, 1);
             encoding.y = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
             encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
             encoding.label = [];
             encoding.row = [];
@@ -8491,11 +8670,11 @@
                 MeasureName
             ];
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
-            ];
+            if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
             encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
         };
         const heatmap_generateDefaultMeasureEncoding = (measures, encoding)=>{
             const colorDims = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -8508,9 +8687,15 @@
             if (color.length > 0) encoding.color = [
                 color[0]
             ];
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
             const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
             encoding.tooltip = chunk_QJLMYOTX_i([
                 ...encoding.tooltip || [],
+                ...label,
                 ...tooltip
             ]);
         };
@@ -8525,7 +8710,8 @@
             ], [
                 encodingForHeatmap,
                 buildMeasures,
-                deleteTooltipMeasure
+                deleteTooltipAndLabelMeasure,
+                deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
                 reshapeWithEncoding
@@ -8886,7 +9072,10 @@
                     ]
                 },
                 label: {
-                    enable: true
+                    enable: true,
+                    wrap: true,
+                    showValue: true,
+                    showValuePercent: false
                 },
                 tooltip: {
                     enable: true
@@ -9047,7 +9236,11 @@
                         crosshairRect
                     },
                     pie: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     donut: {
                         ...baseConfig
@@ -9056,10 +9249,18 @@
                         ...baseConfig
                     },
                     rose: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     roseParallel: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     funnel: {
                         ...baseConfig
@@ -9195,7 +9396,10 @@
                     ]
                 },
                 label: {
-                    enable: true
+                    enable: true,
+                    wrap: true,
+                    showValue: true,
+                    showValuePercent: false
                 },
                 tooltip: {
                     enable: true
@@ -9355,7 +9559,11 @@
                         crosshairRect
                     },
                     pie: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     donut: {
                         ...baseConfig
@@ -9364,10 +9572,18 @@
                         ...baseConfig
                     },
                     rose: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     roseParallel: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            showValuePercent: true
+                        }
                     },
                     funnel: {
                         ...baseConfig
@@ -9421,15 +9637,6 @@
         const updateSpec = (chartType, specPipe)=>{
             Builder._customSpecPipe[chartType] = specPipe;
         };
-        const findAllDimensions = (dimensions = [])=>{
-            if (!dimensions) return [];
-            const result = [];
-            preorderTraverse(dimensions, (node)=>{
-                if (!('children' in node)) result.push(node);
-                return false;
-            });
-            return result;
-        };
         Object.freeze({
             status: "aborted"
         });
@@ -12851,8 +13058,14 @@
         const zScatterMeasures = schemas_array(zScatterMeasure);
         const zFoldInfo = schemas_object({
             foldMap: record(schemas_string(), schemas_string().or(schemas_undefined())),
-            colorRange: schemas_array(schemas_number()),
-            measureRange: schemas_array(schemas_number()),
+            statistics: schemas_object({
+                min: schemas_number(),
+                max: schemas_number(),
+                sum: schemas_number(),
+                count: schemas_number(),
+                colorMin: schemas_number(),
+                colorMax: schemas_number()
+            }),
             measureId: schemas_string(),
             measureName: schemas_string(),
             measureValue: schemas_string()
@@ -12888,6 +13101,20 @@
             column: schemas_array(schemas_string()).nullish(),
             group: schemas_array(schemas_string()).nullish().describe("\u5DF2\u5F03\u7528, \u8BF7\u4F7F\u7528\u989C\u8272\u66FF\u4EE3")
         });
+        const EncodingEnum = {
+            x: 'x',
+            y: 'y',
+            angle: 'angle',
+            radius: 'radius',
+            detail: 'detail',
+            color: 'color',
+            size: 'size',
+            tooltip: 'tooltip',
+            label: 'label',
+            row: 'row',
+            column: 'column',
+            group: 'group'
+        };
         const zDimensionEncoding = schemas_enum([
             'xAxis',
             'yAxis',
@@ -12899,6 +13126,17 @@
             'row',
             'column'
         ]);
+        const DimensionEncodingEnum = {
+            xAxis: 'xAxis',
+            yAxis: 'yAxis',
+            angle: 'angle',
+            color: 'color',
+            detail: 'detail',
+            tooltip: 'tooltip',
+            label: 'label',
+            row: 'row',
+            column: 'column'
+        };
         const zMeasureEncoding = schemas_enum([
             'primaryYAxis',
             'secondaryYAxis',
@@ -12913,6 +13151,20 @@
             'label',
             'tooltip'
         ]);
+        const MeasureEncodingEnum = {
+            primaryYAxis: 'primaryYAxis',
+            secondaryYAxis: 'secondaryYAxis',
+            xAxis: 'xAxis',
+            yAxis: 'yAxis',
+            angle: 'angle',
+            radius: 'radius',
+            size: 'size',
+            color: 'color',
+            detail: 'detail',
+            column: 'column',
+            label: 'label',
+            tooltip: 'tooltip'
+        };
         const zXBandAxis = schemas_object({
             visible: schemas_boolean().default(true).nullish(),
             labelAutoHide: schemas_boolean().default(true).nullish(),
@@ -13028,7 +13280,10 @@
             linearColorScheme: schemas_array(schemas_string()).nullish()
         });
         const zLabel = schemas_object({
-            enable: schemas_boolean().default(true).nullish()
+            enable: schemas_boolean().nullish(),
+            wrap: schemas_boolean().nullish(),
+            showValue: schemas_boolean().nullish(),
+            showValuePercent: schemas_boolean().nullish()
         });
         const zLegend = schemas_object({
             enable: schemas_boolean().default(true).nullish(),