@visactor/vseed 0.1.22 → 0.1.23

package/dist/umd/index.js

@@ -67,230 +67,240 @@
         var __webpack_exports__ = {};
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
-            zScatter: ()=>zScatter,
-            zScatterConfig: ()=>zScatterConfig,
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
             zHeatmapConfig: ()=>zHeatmapConfig,
-            zBar: ()=>zBar,
-            pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             execPipeline: ()=>execPipeline,
             areaSpecPipeline: ()=>areaSpecPipeline,
-            isTable: ()=>isTable,
-            zDonut: ()=>zDonut,
-            zDualMeasures: ()=>zDualMeasures,
-            XEncoding: ()=>XEncoding,
-            findFirstMeasure: ()=>findFirstMeasure,
-            scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
-            zPie: ()=>zPie,
-            zRoseConfig: ()=>zRoseConfig,
+            DUAL_AXIS_CHART_COLUMN_Z_INDEX: ()=>1000,
             updateSpec: ()=>updateSpec,
             zCrosshairRect: ()=>zCrosshairRect,
             scatterSpecPipeline: ()=>scatterSpecPipeline,
             intl: ()=>intl,
-            zXLinearAxis: ()=>zXLinearAxis,
-            zScatterMeasures: ()=>zScatterMeasures,
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             zColumnConfig: ()=>zColumnConfig,
-            zAnnotation: ()=>zAnnotation,
-            isRadar: ()=>isRadar,
-            selector: ()=>selector_selector,
             zDualMeasure: ()=>zDualMeasure,
-            pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
+            DEFAULT_PARENT_ID: ()=>DEFAULT_PARENT_ID,
+            isRadar: ()=>isRadar,
             zSortLegend: ()=>zSortLegend,
-            isMeasures: ()=>isMeasures,
-            zTooltip: ()=>zTooltip,
-            zYBandAxis: ()=>zYBandAxis,
+            pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
             zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
             zYLinearAxis: ()=>zYLinearAxis,
             zMarkStyle: ()=>zMarkStyle,
             registerFunnel: ()=>registerFunnel,
-            Separator: ()=>"-",
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             zLabel: ()=>zLabel,
             registerColumn: ()=>registerColumn,
             createFormatterByMeasure: ()=>createFormatterByMeasure,
-            findAllMeasures: ()=>findAllMeasures,
             funnelSpecPipeline: ()=>funnelSpecPipeline,
             isDimensionSelector: ()=>isDimensionSelector,
             zAnalysis: ()=>zAnalysis,
-            zColorLegend: ()=>zColorLegend,
-            EncodingEnum: ()=>EncodingEnum,
-            preorderTraverse: ()=>preorderTraverse,
             zDimensionTree: ()=>zDimensionTree,
-            roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
             zLineStyle: ()=>zLineStyle,
             registerArea: ()=>registerArea,
-            zRoseParallel: ()=>zRoseParallel,
-            MeasureName: ()=>MeasureName,
             zDataset: ()=>zDataset,
-            zNumFormat: ()=>zNumFormat,
             DimensionEncodingEnum: ()=>DimensionEncodingEnum,
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
-            FoldYMeasureValue: ()=>FoldYMeasureValue,
-            zPivotTableConfig: ()=>zPivotTableConfig,
-            zArea: ()=>zArea,
             zColumnParallel: ()=>zColumnParallel,
             zDimensions: ()=>zDimensions,
             zLegend: ()=>zLegend,
-            FoldMeasureId: ()=>FoldMeasureId,
+            LINEAR_AXIS_INNER_OFFSET_TOP: ()=>7,
             replaceNullToUndefined: ()=>replaceNullToUndefined,
-            donutSpecPipeline: ()=>donutSpecPipeline,
-            FoldXMeasureId: ()=>FoldXMeasureId,
-            registerAreaPercent: ()=>registerAreaPercent,
-            zBarPercent: ()=>zBarPercent,
-            zColumnParallelConfig: ()=>zColumnParallelConfig,
             zHeatmap: ()=>zHeatmap,
-            zDatum: ()=>zDatum,
-            zMeasureEncoding: ()=>zMeasureEncoding,
-            zScatterMeasure: ()=>zScatterMeasure,
-            zTheme: ()=>zTheme,
-            barAdvancedPipeline: ()=>barAdvancedPipeline,
-            zCustomThemeConfig: ()=>zCustomThemeConfig,
-            registerColumnPercent: ()=>registerColumnPercent,
-            registerHeatmap: ()=>registerHeatmap,
+            FoldXMeasureId: ()=>FoldXMeasureId,
+            zCrosshairLine: ()=>zCrosshairLine,
             registerBarPercent: ()=>registerBarPercent,
             ColorIdEncoding: ()=>ColorIdEncoding,
-            checkVSeed: ()=>checkVSeed,
             roseSpecPipeline: ()=>roseSpecPipeline,
-            registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
             registerDarkTheme: ()=>registerDarkTheme,
-            registerPivotTable: ()=>registerPivotTable,
-            isPartialDatumSelector: ()=>isPartialDatumSelector,
-            pieSpecPipeline: ()=>pieSpecPipeline,
-            isDimensionGroup: ()=>isDimensionGroup,
-            dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
+            zChartType: ()=>zChartType,
             tableAdvancedPipeline: ()=>tableAdvancedPipeline,
-            barSpecPipeline: ()=>barSpecPipeline,
-            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+            zMeasureTree: ()=>zMeasureTree,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             registerRose: ()=>registerRose,
-            zChartType: ()=>zChartType,
-            unfoldDimensions: ()=>unfoldDimensions,
-            roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
+            zRose: ()=>zRose,
             registerTable: ()=>registerTable,
             isMeasureGroup: ()=>isMeasureGroup,
             autoFormatter: ()=>autoFormatter,
             YEncoding: ()=>YEncoding,
+            isColumnPercent: ()=>isColumnPercent,
             registerAll: ()=>registerAll,
-            registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
-            radarSpecPipeline: ()=>radarSpecPipeline,
-            Builder: ()=>Builder,
-            zCrosshairLine: ()=>zCrosshairLine,
-            zMeasureTree: ()=>zMeasureTree,
-            zPieConfig: ()=>zPieConfig,
-            registerLine: ()=>registerLine,
-            registerCustomTheme: ()=>registerCustomTheme,
+            registerBar: ()=>registerBar,
             zColor: ()=>zColor,
-            registerRoseParallel: ()=>registerRoseParallel,
             registerDonut: ()=>registerDonut,
             heatmapSpecPipeline: ()=>heatmapSpecPipeline,
             heatmapAdvancedPipeline: ()=>heatmapAdvancedPipeline,
-            zDonutConfig: ()=>zDonutConfig,
             zFunnelConfig: ()=>zFunnelConfig,
-            zMeasureGroup: ()=>zMeasureGroup,
+            zMeasures: ()=>zMeasures,
             zDualAxis: ()=>zDualAxis,
             FoldMeasureName: ()=>FoldMeasureName,
             zDualChartType: ()=>zDualChartType,
             darkTheme: ()=>darkTheme,
-            createNumFormatter: ()=>createNumFormatter,
-            zAreaConfig: ()=>zAreaConfig,
-            zMeasures: ()=>zMeasures,
             isVTable: ()=>isVTable,
-            zPieLabel: ()=>zPieLabel,
-            zPivotTable: ()=>zPivotTable,
-            zLine: ()=>zLine,
-            columnSpecPipeline: ()=>columnSpecPipeline,
-            zFoldInfo: ()=>zFoldInfo,
-            zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
-            zLinearColor: ()=>zLinearColor,
-            zRadar: ()=>zRadar,
-            zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zRadarConfig: ()=>zRadarConfig,
-            zAnnotationArea: ()=>zAnnotationArea,
-            zStackCornerRadius: ()=>zStackCornerRadius,
-            DetailEncoding: ()=>DetailEncoding,
-            isPivot: ()=>isPivot,
-            zRose: ()=>zRose,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
-            zPointStyle: ()=>zPointStyle,
             zAnnotationPoint: ()=>zAnnotationPoint,
-            lightTheme: ()=>lightTheme,
-            registerColumnParallel: ()=>registerColumnParallel,
-            updateAdvanced: ()=>updateAdvanced,
-            zDimension: ()=>zDimension,
-            zTable: ()=>zTable,
             isMeasure: ()=>isMeasure,
             FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
             zSort: ()=>zSort,
-            zUnfoldInfo: ()=>zUnfoldInfo,
             isPivotChart: ()=>isPivotChart,
             zDualAxisConfig: ()=>zDualAxisConfig,
-            zColumn: ()=>zColumn,
-            zCustomTheme: ()=>zCustomTheme,
             zLineConfig: ()=>zLineConfig,
             FoldPrimaryMeasureValue: ()=>FoldPrimaryMeasureValue,
-            zTableConfig: ()=>zTableConfig,
             zXBandAxis: ()=>zXBandAxis,
-            zColumnPercentConfig: ()=>zColumnPercentConfig,
             FoldYMeasureId: ()=>FoldYMeasureId,
             findMeasureById: ()=>findMeasureById,
-            zVSeed: ()=>zVSeed,
             AngleEncoding: ()=>AngleEncoding,
             areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
-            radarAdvancedPipeline: ()=>radarAdvancedPipeline,
-            zAreaPercentConfig: ()=>zAreaPercentConfig,
             zBackgroundColor: ()=>zBackgroundColor,
-            registerBarParallel: ()=>registerBarParallel,
+            zAreaPercentConfig: ()=>zAreaPercentConfig,
             registerRadar: ()=>registerRadar,
+            zMeasure: ()=>zMeasure,
             zLocale: ()=>zLocale,
             isDimension: ()=>isDimension,
-            MeasureEncodingEnum: ()=>MeasureEncodingEnum,
-            pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
-            FoldXMeasureValue: ()=>FoldXMeasureValue,
-            dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
             registerScatter: ()=>registerScatter,
-            zEncoding: ()=>zEncoding,
-            ColorEncoding: ()=>ColorEncoding,
             autoNumFormatter: ()=>autoNumFormatter,
-            measureDepth: ()=>measureDepth,
             tableSpecPipeline: ()=>tableSpecPipeline,
             isCombination: ()=>isCombination,
-            zAdvancedVSeed: ()=>zAdvancedVSeed,
+            zRoseParallelConfig: ()=>zRoseParallelConfig,
             zBarStyle: ()=>zBarStyle,
             deleteDimensionTreeByCallback: ()=>deleteDimensionTreeByCallback,
             zConfig: ()=>zConfig,
-            zAreaPercent: ()=>zAreaPercent,
-            zMeasure: ()=>zMeasure,
+            zXLinearAxis: ()=>zXLinearAxis,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
-            isValueSelector: ()=>isValueSelector,
-            donutAdvancedPipeline: ()=>donutAdvancedPipeline,
             zColumnPercent: ()=>zColumnPercent,
-            registerPie: ()=>registerPie,
             foldMeasures: ()=>foldMeasures,
             isPivotTable: ()=>isPivotTable,
+            registerPie: ()=>registerPie,
             zDimensionEncoding: ()=>zDimensionEncoding,
             zFunnel: ()=>zFunnel,
-            zRoseParallelConfig: ()=>zRoseParallelConfig,
             zBarParallelConfig: ()=>zBarParallelConfig,
-            barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
-            FoldMeasureValue: ()=>FoldMeasureValue,
-            barPercentSpecPipeline: ()=>barPercentSpecPipeline,
-            deleteMeasureTreeByCallback: ()=>deleteMeasureTreeByCallback,
-            dataReshapeByEncoding: ()=>dataReshapeByEncoding,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
-            lineSpecPipeline: ()=>lineSpecPipeline,
-            zBarPercentConfig: ()=>zBarPercentConfig,
+            FoldMeasureValue: ()=>FoldMeasureValue,
+            ANNOTATION_Z_INDEX: ()=>1000,
             createFormatter: ()=>createFormatter,
-            zDimensionGroup: ()=>zDimensionGroup,
             isMeasureSelector: ()=>isMeasureSelector,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
             areaAdvancedPipeline: ()=>areaAdvancedPipeline,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
             barParallelSpecPipeline: ()=>barParallelSpecPipeline,
-            zBarConfig: ()=>zBarConfig
+            zBarConfig: ()=>zBarConfig,
+            zPie: ()=>zPie,
+            zBar: ()=>zBar,
+            pieAdvancedPipeline: ()=>pieAdvancedPipeline,
+            zDualMeasures: ()=>zDualMeasures,
+            isTable: ()=>isTable,
+            zDonut: ()=>zDonut,
+            zRoseConfig: ()=>zRoseConfig,
+            XEncoding: ()=>XEncoding,
+            findFirstMeasure: ()=>findFirstMeasure,
+            scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+            zScatterMeasures: ()=>zScatterMeasures,
+            zAnnotation: ()=>zAnnotation,
+            selector: ()=>selector_selector,
+            isMeasures: ()=>isMeasures,
+            zYBandAxis: ()=>zYBandAxis,
+            Separator: ()=>"-",
+            findAllMeasures: ()=>findAllMeasures,
+            zColorLegend: ()=>zColorLegend,
+            EncodingEnum: ()=>EncodingEnum,
+            preorderTraverse: ()=>preorderTraverse,
+            roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
+            zRoseParallel: ()=>zRoseParallel,
+            MeasureName: ()=>MeasureName,
+            zNumFormat: ()=>zNumFormat,
+            FoldYMeasureValue: ()=>FoldYMeasureValue,
+            zPivotTableConfig: ()=>zPivotTableConfig,
+            zArea: ()=>zArea,
+            FoldMeasureId: ()=>FoldMeasureId,
+            zColumnParallelConfig: ()=>zColumnParallelConfig,
+            donutSpecPipeline: ()=>donutSpecPipeline,
+            registerAreaPercent: ()=>registerAreaPercent,
+            zMeasureEncoding: ()=>zMeasureEncoding,
+            zBarPercent: ()=>zBarPercent,
+            zScatterMeasure: ()=>zScatterMeasure,
+            zTheme: ()=>zTheme,
+            zDatum: ()=>zDatum,
+            barAdvancedPipeline: ()=>barAdvancedPipeline,
+            zCustomThemeConfig: ()=>zCustomThemeConfig,
+            registerColumnPercent: ()=>registerColumnPercent,
+            registerHeatmap: ()=>registerHeatmap,
+            isBarPercent: ()=>isBarPercent,
+            checkVSeed: ()=>checkVSeed,
+            zPivotTable: ()=>zPivotTable,
+            registerLightTheme: ()=>registerLightTheme,
+            isPartialDatumSelector: ()=>isPartialDatumSelector,
+            isDimensionGroup: ()=>isDimensionGroup,
+            registerPivotTable: ()=>registerPivotTable,
+            pieSpecPipeline: ()=>pieSpecPipeline,
+            dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
+            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+            barSpecPipeline: ()=>barSpecPipeline,
+            unfoldDimensions: ()=>unfoldDimensions,
+            roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
+            zPieConfig: ()=>zPieConfig,
+            Builder: ()=>Builder,
+            radarSpecPipeline: ()=>radarSpecPipeline,
+            zRadar: ()=>zRadar,
+            zTable: ()=>zTable,
+            registerLine: ()=>registerLine,
+            registerCustomTheme: ()=>registerCustomTheme,
+            zMeasureGroup: ()=>zMeasureGroup,
+            registerRoseParallel: ()=>registerRoseParallel,
+            zDonutConfig: ()=>zDonutConfig,
+            zUnfoldInfo: ()=>zUnfoldInfo,
+            zPieLabel: ()=>zPieLabel,
+            zRadarConfig: ()=>zRadarConfig,
+            zAreaConfig: ()=>zAreaConfig,
+            createNumFormatter: ()=>createNumFormatter,
+            zLine: ()=>zLine,
+            columnSpecPipeline: ()=>columnSpecPipeline,
+            zFoldInfo: ()=>zFoldInfo,
+            zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
+            zLinearColor: ()=>zLinearColor,
+            DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX: ()=>1001,
+            zAreaStyle: ()=>zAreaStyle,
+            zAnnotationArea: ()=>zAnnotationArea,
+            DetailEncoding: ()=>DetailEncoding,
+            isPivot: ()=>isPivot,
+            zPointStyle: ()=>zPointStyle,
+            zDimension: ()=>zDimension,
+            lightTheme: ()=>lightTheme,
+            registerColumnParallel: ()=>registerColumnParallel,
+            updateAdvanced: ()=>updateAdvanced,
+            isAreaPercent: ()=>isAreaPercent,
+            zColumn: ()=>zColumn,
+            zCustomTheme: ()=>zCustomTheme,
+            zTableConfig: ()=>zTableConfig,
+            zColumnPercentConfig: ()=>zColumnPercentConfig,
+            ChartTypeEnum: ()=>ChartTypeEnum,
+            zVSeed: ()=>zVSeed,
+            radarAdvancedPipeline: ()=>radarAdvancedPipeline,
+            registerBarParallel: ()=>registerBarParallel,
+            pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+            DUAL_AXIS_LABEL_Z_INDEX: ()=>1002,
+            MeasureEncodingEnum: ()=>MeasureEncodingEnum,
+            FoldXMeasureValue: ()=>FoldXMeasureValue,
+            dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
+            zEncoding: ()=>zEncoding,
+            ColorEncoding: ()=>ColorEncoding,
+            measureDepth: ()=>measureDepth,
+            zAdvancedVSeed: ()=>zAdvancedVSeed,
+            zAreaPercent: ()=>zAreaPercent,
+            isValueSelector: ()=>isValueSelector,
+            zScatter: ()=>zScatter,
+            zScatterConfig: ()=>zScatterConfig,
+            donutAdvancedPipeline: ()=>donutAdvancedPipeline,
+            zTooltip: ()=>zTooltip,
+            barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
+            deleteMeasureTreeByCallback: ()=>deleteMeasureTreeByCallback,
+            barPercentSpecPipeline: ()=>barPercentSpecPipeline,
+            zBarPercentConfig: ()=>zBarPercentConfig,
+            dataReshapeByEncoding: ()=>dataReshapeByEncoding,
+            lineSpecPipeline: ()=>lineSpecPipeline,
+            zDimensionGroup: ()=>zDimensionGroup
         });
         const execPipeline = (pipeline, context, initialValue = {})=>{
             const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
@@ -523,9 +533,34 @@
             return measureGroups;
         };
         const DEFAULT_PARENT_ID = '__DefaultParentId__';
-        const isTable = (vseed)=>'table' === vseed.chartType;
-        const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
-        const isRadar = (vseed)=>'radar' === vseed.chartType;
+        const ChartTypeEnum = {
+            Table: 'table',
+            PivotTable: 'pivotTable',
+            Line: 'line',
+            Column: 'column',
+            ColumnPercent: 'columnPercent',
+            ColumnParallel: 'columnParallel',
+            Bar: 'bar',
+            BarPercent: 'barPercent',
+            BarParallel: 'barParallel',
+            Area: 'area',
+            AreaPercent: 'areaPercent',
+            DualAxis: 'dualAxis',
+            Scatter: 'scatter',
+            Rose: 'rose',
+            RoseParallel: 'roseParallel',
+            Pie: 'pie',
+            Donut: 'donut',
+            Radar: 'radar',
+            Funnel: 'funnel',
+            Heatmap: 'heatmap'
+        };
+        const isTable = (vseed)=>vseed.chartType === ChartTypeEnum.Table;
+        const isPivotTable = (vseed)=>vseed.chartType === ChartTypeEnum.PivotTable;
+        const isRadar = (vseed)=>vseed.chartType === ChartTypeEnum.Radar;
+        const isAreaPercent = (vseed)=>vseed.chartType === ChartTypeEnum.AreaPercent;
+        const isColumnPercent = (vseed)=>vseed.chartType === ChartTypeEnum.ColumnPercent;
+        const isBarPercent = (vseed)=>vseed.chartType === ChartTypeEnum.BarPercent;
         const isVTable = (vseed)=>[
                 'table',
                 'pivotTable'
@@ -1062,7 +1097,8 @@
             if (Number.isNaN(num)) return String(value);
             const numFormatterOptions = {
                 style: 'decimal',
-                notation: 'compact'
+                notation: 'compact',
+                useGrouping: true
             };
             numFormatterOptions.minimumFractionDigits = 0;
             numFormatterOptions.maximumFractionDigits = 2;
@@ -2117,18 +2153,20 @@
             };
         };
         const colorAdapter = (ordinalPipe, linearPipe)=>(spec, context)=>{
-                const { advancedVSeed } = context;
-                if (isLinearColor(advancedVSeed)) return linearPipe(spec, context);
+                const { advancedVSeed, vseed } = context;
+                if (isLinearColor(advancedVSeed, vseed)) return linearPipe(spec, context);
                 return ordinalPipe(spec, context);
             };
-        const isLinearColor = (advancedVSeed)=>{
-            const { encoding, measures } = advancedVSeed;
+        const isLinearColor = (advancedVSeed, vseed)=>{
+            console.log(vseed);
+            const { encoding } = advancedVSeed;
+            const measures = vseed.measures || advancedVSeed.measures;
             const measureIdList = findAllMeasures(measures).map((measure)=>measure.id);
             const { color } = encoding;
             return color?.length === 1 && measureIdList.includes(color[0]);
         };
-        const getColorMeasureId = (advancedVSeed)=>{
-            if (isLinearColor(advancedVSeed)) {
+        const getColorMeasureId = (advancedVSeed, vseed)=>{
+            if (isLinearColor(advancedVSeed, vseed)) {
                 const { encoding } = advancedVSeed;
                 const { color } = encoding;
                 return color?.[0];
@@ -2141,9 +2179,10 @@
             const { vseed } = context;
             const { dataset, chartType } = vseed;
             const { dimensions = [], measures = [], encoding } = advancedVSeed;
+            const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
             const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(findAllMeasures(measures), (item)=>item.id), encoding, {
                 colorItemAsId: false,
-                colorMeasureId: getColorMeasureId(advancedVSeed)
+                colorMeasureId
             });
             return {
                 ...result,
@@ -2180,7 +2219,7 @@
                 const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(measures, (item)=>item.id), encoding, {
                     colorItemAsId: false,
                     foldMeasureValue: `${FoldMeasureValue}${groupId}`,
-                    colorMeasureId: getColorMeasureId(advancedVSeed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                 });
                 const reshapeInfo = {
                     id: groupId,
@@ -2425,7 +2464,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -2445,14 +2485,14 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { datasetReshapeInfo } = advancedVSeed;
             const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
             result.type = 'line';
             result.direction = 'vertical';
             result.xField = unfoldInfo.encodingX;
             result.yField = foldInfo.measureValue;
-            result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
+            result.seriesField = isLinearColor(advancedVSeed, vseed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
             result.padding = 0;
             result.region = [
                 {
@@ -2742,6 +2782,9 @@
             }
             const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
             const formatter = createNumFormatter(numFormat);
+            const percentFormatter = createNumFormatter({
+                type: 'percent'
+            });
             const linearAxis = {
                 visible,
                 type: log ? 'log' : 'linear',
@@ -2754,7 +2797,10 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
+                    formatMethod: (value)=>{
+                        if ((isBarPercent(vseed) || isColumnPercent(vseed) || isAreaPercent(vseed)) && chunk_VCYTMP4D_n(numFormat) && (true === autoFormat || chunk_JK3VNB42_n(autoFormat))) return percentFormatter(value);
+                        return createLinearFormat(value, autoFormat, numFormat, formatter);
+                    },
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -3018,10 +3064,10 @@
         };
         const colorPointStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.point?.style) result.point.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -3230,10 +3276,10 @@
         };
         const colorLineStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.line?.style) result.line.style.stroke = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -4565,7 +4611,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -4665,10 +4712,10 @@
         };
         const colorBarStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.bar?.style) result.bar.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -4949,7 +4996,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5098,7 +5146,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5276,7 +5325,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5379,6 +5429,9 @@
             }
             const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
             const formatter = createNumFormatter(numFormat);
+            const percentFormatter = createNumFormatter({
+                type: 'percent'
+            });
             const linearAxis = {
                 visible,
                 type: log ? 'log' : 'linear',
@@ -5391,7 +5444,10 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
+                    formatMethod: (value)=>{
+                        if (chunk_VCYTMP4D_n(numFormat) && (true === autoFormat || chunk_JK3VNB42_n(autoFormat)) && (isBarPercent(vseed) || isColumnPercent(vseed) || isAreaPercent(vseed))) return percentFormatter(value);
+                        return createLinearFormat(value, autoFormat, numFormat, formatter);
+                    },
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -5643,7 +5699,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5751,7 +5808,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5834,7 +5892,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -5854,14 +5913,14 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { datasetReshapeInfo } = advancedVSeed;
             const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
             result.type = 'area';
             result.direction = 'vertical';
             result.yField = foldInfo.measureValue;
             result.xField = unfoldInfo.encodingX;
-            result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
+            result.seriesField = isLinearColor(advancedVSeed, vseed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
             result.padding = 0;
             result.region = [
                 {
@@ -5873,10 +5932,10 @@
         };
         const colorAreaStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.area?.style) result.area.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -6011,7 +6070,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -6299,7 +6359,7 @@
                     foldMeasureValue: FoldXMeasureValue,
                     foldMeasureId: FoldXMeasureId,
                     colorItemAsId: true,
-                    colorMeasureId: getColorMeasureId(advancedVSeed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                 });
                 datasets.push(newDataset);
                 foldInfoList.push(foldInfo);
@@ -6310,7 +6370,7 @@
                     foldMeasureValue: FoldYMeasureValue,
                     foldMeasureId: FoldYMeasureId,
                     colorItemAsId: true,
-                    colorMeasureId: getColorMeasureId(advancedVSeed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                 });
                 datasets[0] = newDataset;
                 foldInfoList.push(foldInfo);
@@ -6364,7 +6424,7 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, xMeasures.children, encoding, {
                         foldMeasureValue: `${FoldXMeasureValue}${index}`,
                         colorItemAsId: true,
-                        colorMeasureId: getColorMeasureId(advancedVSeed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -6374,7 +6434,7 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, yMeasures.children, encoding, {
                         foldMeasureValue: `${FoldYMeasureValue}${index}`,
                         colorItemAsId: true,
-                        colorMeasureId: getColorMeasureId(advancedVSeed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -6873,7 +6933,7 @@
                 const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(primaryMeasures.children, (item)=>item.id), encoding, {
                     colorItemAsId: false,
                     foldMeasureValue: FoldPrimaryMeasureValue,
-                    colorMeasureId: getColorMeasureId(advancedVSeed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                 });
                 datasets.push(newDataset);
                 foldInfoList.push(foldInfo);
@@ -6883,7 +6943,7 @@
                 const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(secondaryMeasures.children, (item)=>item.id), encoding, {
                     colorItemAsId: false,
                     foldMeasureValue: FoldSecondaryMeasureValue,
-                    colorMeasureId: getColorMeasureId(advancedVSeed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                 });
                 datasets.push(newDataset);
                 foldInfoList.push(foldInfo);
@@ -6937,7 +6997,7 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(primaryMeasures.children, (item)=>item.id), encoding, {
                         colorItemAsId: false,
                         foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`,
-                        colorMeasureId: getColorMeasureId(advancedVSeed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -6947,7 +7007,7 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(secondaryMeasures.children, (item)=>item.id), encoding, {
                         colorItemAsId: false,
                         foldMeasureValue: `${FoldSecondaryMeasureValue}${index}`,
-                        colorMeasureId: getColorMeasureId(advancedVSeed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -7019,7 +7079,8 @@
                 buildMeasuresForDualAxis,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -7100,7 +7161,7 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { datasetReshapeInfo } = advancedVSeed;
             const { unfoldInfo, foldInfoList, id } = datasetReshapeInfo[0];
             result.id = `${id}-secondary-series`;
@@ -7108,7 +7169,7 @@
             result.direction = 'vertical';
             result.xField = unfoldInfo.encodingX;
             if (foldInfoList?.[1]) result.yField = foldInfoList[1].measureValue;
-            result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
+            result.seriesField = isLinearColor(advancedVSeed, vseed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
             result.animation = true;
             return result;
         };
@@ -7802,7 +7863,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -7838,10 +7900,10 @@
         };
         const colorPieStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.pie?.style) result.pie.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -7955,7 +8017,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8117,7 +8180,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8174,10 +8238,10 @@
         };
         const colorRoseStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.rose?.style) result.rose.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -8270,7 +8334,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8461,7 +8526,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8480,13 +8546,13 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { datasetReshapeInfo } = advancedVSeed;
             const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
             result.type = 'radar';
             result.angleField = unfoldInfo.encodingAngle;
             result.radiusField = foldInfo.measureValue;
-            result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
+            result.seriesField = isLinearColor(advancedVSeed, vseed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
             result.padding = 0;
             result.region = [
                 {
@@ -8679,7 +8745,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8720,10 +8787,10 @@
         };
         const colorFunnelStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.funnel?.style) result.funnel.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -8886,7 +8953,8 @@
                 buildMeasures,
                 deleteEncodingForMeasure([
                     'tooltip',
-                    'label'
+                    'label',
+                    'color'
                 ]),
                 deleteTooltipAndLabelDimension
             ]),
@@ -8903,10 +8971,10 @@
         ];
         const colorCellStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
-                const { advancedVSeed } = context;
+                const { advancedVSeed, vseed } = context;
                 const { datasetReshapeInfo } = advancedVSeed;
                 const { unfoldInfo } = datasetReshapeInfo[0];
-                if (isLinearColor(advancedVSeed)) {
+                if (isLinearColor(advancedVSeed, vseed)) {
                     if (result?.cell?.style) result.cell.style.fill = {
                         field: unfoldInfo.encodingColor,
                         scale: 'color'
@@ -9299,10 +9367,7 @@
                         ...baseConfig,
                         xAxis: bandAxis,
                         yAxis: {
-                            ...linearAxis,
-                            numFormat: {
-                                type: 'percent'
-                            }
+                            ...linearAxis
                         },
                         crosshairRect,
                         stackCornerRadius: [
@@ -9339,10 +9404,7 @@
                     barPercent: {
                         ...baseConfig,
                         xAxis: {
-                            ...linearAxis,
-                            numFormat: {
-                                type: 'percent'
-                            }
+                            ...linearAxis
                         },
                         yAxis: barBandAxis,
                         crosshairRect,
@@ -9363,10 +9425,7 @@
                         ...baseConfig,
                         xAxis: bandAxis,
                         yAxis: {
-                            ...linearAxis,
-                            numFormat: {
-                                type: 'percent'
-                            }
+                            ...linearAxis
                         },
                         crosshairLine
                     },