@visactor/vseed 0.2.6 → 0.2.7

package/dist/umd/index.js

@@ -1383,7 +1383,7 @@
             };
             return result;
         };
-        const frameStyle = (spec, context)=>{
+        const tableThemeStyle = (spec, context)=>{
             const result = {
                 ...spec
             };
@@ -1397,6 +1397,10 @@
                 borderLineWidth: 1,
                 cornerRadius: 4
             };
+            result.theme.scrollStyle = {
+                visible: 'scrolling',
+                hoverOn: true
+            };
             return result;
         };
         const selectionStyle = (spec, context)=>{
@@ -1596,6 +1600,7 @@
             if (!bodyCellStyle) return spec;
             const bodyCellStyleList = array_array(bodyCellStyle);
             const columns = spec.columns || [];
+            const selectedPos = [];
             const setStyleOfColumn = (col)=>{
                 const field = col.field;
                 const matchedStyles = bodyCellStyleList.filter((style)=>{
@@ -1609,10 +1614,17 @@
                         [field]: datum.dataValue
                     };
                     const mergedStyle = matchedStyles.reduce((result, style)=>{
-                        if (selector_selector(originalDatum, style.selector)) return {
-                            ...result,
-                            ...pickBodyCellStyle(style)
-                        };
+                        if (selector_selector(originalDatum, style.selector)) {
+                            if (selectedPos.length && selectedPos[0].col === datum?.col && selectedPos[0].row === datum?.row) selectedPos.length = 0;
+                            selectedPos.push({
+                                col: datum?.col,
+                                row: datum?.row
+                            });
+                            return {
+                                ...result,
+                                ...pickBodyCellStyle(style)
+                            };
+                        }
                         return result;
                     }, {});
                     return mergedStyle;
@@ -1620,6 +1632,10 @@
                 return false;
             };
             preorderTraverse(columns, setStyleOfColumn, 'columns');
+            spec.runningConfig = {
+                ...spec.runningConfig || {},
+                selectedPos
+            };
             return spec;
         };
         const tableSpecPipeline = [
@@ -1628,7 +1644,7 @@
             measureTreeToColumns,
             bodyStyle,
             headerStyle,
-            frameStyle,
+            tableThemeStyle,
             selectionStyle,
             tableBodyCell
         ];
@@ -2070,6 +2086,7 @@
             if (!bodyCellStyle) return spec;
             const bodyCellStyleList = array_array(bodyCellStyle);
             const indicators = spec.indicators || [];
+            const selectedPos = [];
             const newIndicators = indicators.map((ind)=>{
                 const newInd = chunk_SFZGYJFI_t(ind) ? {
                     indicatorKey: ind
@@ -2089,10 +2106,17 @@
                     });
                     if (!chunk_JK3VNB42_n(originalDatum[MeasureId]) && !chunk_JK3VNB42_n(originalDatum[FoldMeasureValue])) originalDatum[originalDatum[MeasureId]] = originalDatum[FoldMeasureValue];
                     const mergedStyle = bodyCellStyleList.reduce((result, style)=>{
-                        if (selector_selector(originalDatum, style.selector)) return {
-                            ...result,
-                            ...pickBodyCellStyle(style)
-                        };
+                        if (selector_selector(originalDatum, style.selector)) {
+                            if (selectedPos.length && selectedPos[0].col === datum?.col && selectedPos[0].row === datum?.row) selectedPos.length = 0;
+                            selectedPos.push({
+                                col: datum?.col,
+                                row: datum?.row
+                            });
+                            return {
+                                ...result,
+                                ...pickBodyCellStyle(style)
+                            };
+                        }
                         return result;
                     }, {});
                     return mergedStyle;
@@ -2101,6 +2125,10 @@
             });
             return {
                 ...spec,
+                runningConfig: {
+                    ...spec?.runningConfig || {},
+                    selectedPos
+                },
                 indicators: newIndicators
             };
         };
@@ -2129,7 +2157,7 @@
             headerStyle,
             rowHeaderStyle,
             cornerHeaderStyle,
-            frameStyle,
+            tableThemeStyle,
             selectionStyle,
             dataConfig,
             pivotTableBodyCell
@@ -2231,6 +2259,54 @@
                 if (hasEncoding) return execPipeline(hasEncodingPipeline, context, advancedVSeed);
                 return execPipeline(noEncodingPipeline, context, advancedVSeed);
             };
+        const buildMeasures = (advancedVSeed)=>{
+            if (isMeasureTreeWithChildren(advancedVSeed.measures)) {
+                advancedVSeed.measures = normalizeMeasureTree(advancedVSeed.measures);
+                return advancedVSeed;
+            }
+            if (isMeasureTreeWithParentId(advancedVSeed.measures)) {
+                advancedVSeed.measures = generateMeasuresByParentId(advancedVSeed.measures);
+                return advancedVSeed;
+            }
+            if (chatType_isPivotChart(advancedVSeed)) advancedVSeed.measures = basicMeasuresToMeasureTree(advancedVSeed.measures);
+            return advancedVSeed;
+        };
+        const generateMeasuresByParentId = (measures)=>{
+            const measureTree = [];
+            measures.forEach((measure)=>{
+                const parent = measureTree.find((item)=>item.id === measure.parentId);
+                if (parent && 'children' in parent) {
+                    parent.children = parent.children || [];
+                    if (parent.children.length > 0) parent.alias += `-${measure.alias ?? measure.id}`;
+                    parent.children.push(measure);
+                } else if (common_isValid(measure.parentId)) measureTree.push({
+                    id: measure.parentId,
+                    alias: measure.alias ?? measure.id,
+                    children: [
+                        measure
+                    ]
+                });
+                else measureTree.push({
+                    id: DEFAULT_PARENT_ID,
+                    alias: measure.alias ?? measure.id,
+                    children: [
+                        measure
+                    ]
+                });
+            });
+            return measureTree;
+        };
+        const basicMeasuresToMeasureTree = (measures)=>{
+            const id = measures.map((item)=>item.id).join('-');
+            const alias = measures.map((item)=>item.alias || item.id).join('-');
+            return [
+                {
+                    id,
+                    alias,
+                    children: measures
+                }
+            ];
+        };
         const addColorToEncoding = (dimensions, encoding, isMultiMeasure)=>{
             encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             const measureId = dimensions.find((item)=>item.id === MeasureId);
@@ -2239,11 +2315,19 @@
                 MeasureId
             ];
         };
+        const addDefaultColorEncoding = (uniqueDimIds, encoding, isMultiMeasure)=>{
+            if (1 === uniqueDimIds.length && uniqueDimIds[0] === MeasureId) encoding.color = uniqueDimIds.slice(0);
+            else if (isMultiMeasure) encoding.color = uniqueDimIds.slice(1);
+            else encoding.color = uniqueDimIds.slice(1).filter((d)=>d !== MeasureId);
+            if (0 === encoding.color.length) encoding.color = [
+                MeasureId
+            ];
+        };
         const defaultEncodingForLine = (advancedVSeed)=>{
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            line_generateDefaultDimensionEncoding(dimensions, encoding);
+            line_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             line_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -2256,8 +2340,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) line_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else line_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) line_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else line_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) line_generateMeasureEncoding(measures, encoding);
             else line_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -2265,10 +2350,10 @@
                 encoding
             };
         };
-        const line_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+        const line_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.detail = [];
             encoding.label = [];
@@ -2309,54 +2394,6 @@
                 ...tooltip
             ]);
         };
-        const buildMeasures = (advancedVSeed)=>{
-            if (isMeasureTreeWithChildren(advancedVSeed.measures)) {
-                advancedVSeed.measures = normalizeMeasureTree(advancedVSeed.measures);
-                return advancedVSeed;
-            }
-            if (isMeasureTreeWithParentId(advancedVSeed.measures)) {
-                advancedVSeed.measures = generateMeasuresByParentId(advancedVSeed.measures);
-                return advancedVSeed;
-            }
-            if (chatType_isPivotChart(advancedVSeed)) advancedVSeed.measures = basicMeasuresToMeasureTree(advancedVSeed.measures);
-            return advancedVSeed;
-        };
-        const generateMeasuresByParentId = (measures)=>{
-            const measureTree = [];
-            measures.forEach((measure)=>{
-                const parent = measureTree.find((item)=>item.id === measure.parentId);
-                if (parent && 'children' in parent) {
-                    parent.children = parent.children || [];
-                    if (parent.children.length > 0) parent.alias += `-${measure.alias ?? measure.id}`;
-                    parent.children.push(measure);
-                } else if (common_isValid(measure.parentId)) measureTree.push({
-                    id: measure.parentId,
-                    alias: measure.alias ?? measure.id,
-                    children: [
-                        measure
-                    ]
-                });
-                else measureTree.push({
-                    id: DEFAULT_PARENT_ID,
-                    alias: measure.alias ?? measure.id,
-                    children: [
-                        measure
-                    ]
-                });
-            });
-            return measureTree;
-        };
-        const basicMeasuresToMeasureTree = (measures)=>{
-            const id = measures.map((item)=>item.id).join('-');
-            const alias = measures.map((item)=>item.alias || item.id).join('-');
-            return [
-                {
-                    id,
-                    alias,
-                    children: measures
-                }
-            ];
-        };
         const deleteMeasureTreeByCallback = (measureTree, callback)=>{
             if (!measureTree) return;
             const stack = [
@@ -2758,11 +2795,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForLine,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForLine
             ], [
-                encodingForLine,
                 buildMeasures,
+                encodingForLine,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -5712,7 +5749,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            column_generateDefaultDimensionEncoding(dimensions, encoding);
+            column_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             column_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -5725,8 +5762,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) column_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else column_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) column_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else column_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) column_generateMeasureEncoding(measures, encoding);
             else column_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -5734,11 +5772,10 @@
                 encoding
             };
         };
-        const column_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
+        const column_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
@@ -5844,11 +5881,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForColumn,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForColumn
             ], [
-                encodingForColumn,
                 buildMeasures,
+                encodingForColumn,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -6728,11 +6765,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForColumn,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForColumn
             ], [
-                encodingForColumn,
                 buildMeasures,
+                encodingForColumn,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -6894,11 +6931,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForColumn,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForColumn
             ], [
-                encodingForColumn,
                 buildMeasures,
+                encodingForColumn,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -6990,7 +7027,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            bar_generateDefaultDimensionEncoding(dimensions, encoding);
+            bar_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             bar_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -7003,8 +7040,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) bar_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else bar_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) bar_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else bar_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) bar_generateMeasureEncoding(measures, encoding);
             else bar_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -7012,11 +7050,10 @@
                 encoding
             };
         };
-        const bar_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
+        const bar_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.y = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
@@ -7077,11 +7114,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForBar,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForBar
             ], [
-                encodingForBar,
                 buildMeasures,
+                encodingForBar,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -7344,11 +7381,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForBar,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForBar
             ], [
-                encodingForBar,
                 buildMeasures,
+                encodingForBar,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -7459,11 +7496,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForBar,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForBar
             ], [
-                encodingForBar,
                 buildMeasures,
+                encodingForBar,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -7547,11 +7584,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForLine,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForLine
             ], [
-                encodingForLine,
                 buildMeasures,
+                encodingForLine,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -7745,11 +7782,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForLine,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForLine
             ], [
-                encodingForLine,
                 buildMeasures,
+                encodingForLine,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -7832,74 +7869,6 @@
             Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
             Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
         };
-        const defaultEncodingForScatter = (advancedVSeed)=>{
-            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
-            const measures = findAllMeasures(vseedMeasures);
-            const encoding = {};
-            scatter_generateDefaultDimensionEncoding(dimensions, encoding);
-            scatter_generateDefaultMeasureEncoding(measures, encoding);
-            return {
-                ...advancedVSeed,
-                encoding
-            };
-        };
-        const encodingForScatter = (advancedVSeed)=>{
-            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
-            const measures = findAllMeasures(vseedMeasures);
-            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
-            const hasMeasureEncoding = measures.some((item)=>item.encoding);
-            const encoding = {};
-            if (hasDimensionEncoding) scatter_generateDimensionEncoding(dimensions, encoding);
-            else scatter_generateDefaultDimensionEncoding(dimensions, encoding);
-            if (hasMeasureEncoding) scatter_generateMeasureEncoding(measures, encoding);
-            else scatter_generateDefaultMeasureEncoding(measures, encoding);
-            return {
-                ...advancedVSeed,
-                encoding
-            };
-        };
-        const scatter_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const dimensionsWithoutMeasureId = dimensions.filter((item)=>item.id !== MeasureId);
-            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureId.map((d)=>d.id));
-            encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
-            encoding.label = [];
-            encoding.row = [];
-            encoding.column = [];
-        };
-        const scatter_generateDimensionEncoding = (dimensions, encoding)=>{
-            encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
-            encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.detail.length) encoding.detail = [
-                MeasureId
-            ];
-            encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
-            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
-        };
-        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));
-        };
-        const scatter_generateMeasureEncoding = (measures, encoding)=>{
-            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || '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[0]
-            ];
-            encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding).map((item)=>item.id));
-            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 buildMeasuresForScatter = (advancedVSeed, context)=>{
             const { vseed } = context;
             if (isMeasureTreeWithChildren(advancedVSeed.measures)) return advancedVSeed;
@@ -7907,33 +7876,49 @@
                 advancedVSeed.measures = buildMeasuresForScatter_generateMeasuresByParentId(advancedVSeed.measures);
                 return advancedVSeed;
             }
-            const scatterMeasures = vseed.scatterMeasures ? chunk_BCBB46UE_d(vseed.scatterMeasures) : basicMeasuresToScatterMeasures(advancedVSeed.measures || []);
+            if (vseed.scatterMeasures) {
+                advancedVSeed.measures = scatterMeasuresToMeasureTree(chunk_BCBB46UE_d(vseed.scatterMeasures));
+                return advancedVSeed;
+            }
+            const { scatterMeasures, encodedMeasures } = basicMeasuresToScatterMeasures(advancedVSeed.measures || []);
             advancedVSeed.measures = scatterMeasuresToMeasureTree(scatterMeasures);
+            if (encodedMeasures.length) encodedMeasures.forEach((m)=>{
+                advancedVSeed.measures.push(m);
+            });
             return advancedVSeed;
         };
         const basicMeasuresToScatterMeasures = (basicMeasures)=>{
             const yMeasures = [];
             const xMeasures = [];
+            const encodedMeasures = [];
             for(let index = 0; index < basicMeasures.length; index++){
                 const item = basicMeasures[index];
-                const encoding = Array.isArray(item.encoding) ? item.encoding : [
-                    item.encoding
-                ];
-                const isYAxis = encoding.includes('yAxis');
-                const isXAxis = encoding.includes('xAxis');
+                const encoding = item.encoding;
+                const isYAxis = 'yAxis' === encoding;
+                const isXAxis = 'xAxis' === encoding;
+                const isOther = encoding && [
+                    'color',
+                    'label',
+                    'tooltip',
+                    'detail'
+                ].includes(encoding);
                 if (isYAxis) yMeasures.push(item);
                 else if (isXAxis) xMeasures.push(item);
+                else if (isOther) encodedMeasures.push(item);
                 else if (0 !== index) yMeasures.push(item);
                 else xMeasures.push(item);
             }
             if (0 === yMeasures.length && xMeasures.length > 0) yMeasures.push(xMeasures[0]);
-            return [
-                {
-                    id: 'scatterMeasures',
-                    xMeasures,
-                    yMeasures
-                }
-            ];
+            return {
+                scatterMeasures: [
+                    {
+                        id: 'scatterMeasures',
+                        xMeasures,
+                        yMeasures
+                    }
+                ],
+                encodedMeasures
+            };
         };
         const scatterMeasuresToMeasureTree = (scatterMeasures)=>{
             const measureTree = scatterMeasures.map((item, index)=>{
@@ -7975,6 +7960,7 @@
         };
         const buildMeasuresForScatter_generateMeasuresByParentId = (measures)=>{
             const scatterMeasures = [];
+            const encodedMeasures = [];
             measures.forEach((item)=>{
                 const id = item.parentId || DEFAULT_PARENT_ID;
                 if (!scatterMeasures.find((d)=>d.id === id)) scatterMeasures.push({
@@ -7984,18 +7970,93 @@
                 });
                 const scatterChart = scatterMeasures.find((d)=>d.id === id);
                 if (!scatterChart || !Array.isArray(scatterChart.yMeasures) || !Array.isArray(scatterChart.xMeasures)) return;
-                const encoding = Array.isArray(item.encoding) ? item.encoding : [
-                    item.encoding
-                ].filter(Boolean);
-                const isX = encoding.includes('xAxis');
-                const isY = encoding.includes('yAxis');
-                const isEmpty = !encoding.length;
-                if (isY) scatterChart.yMeasures.push(item);
-                else if (isX) scatterChart.xMeasures.push(item);
-                else if (isEmpty) if (0 !== scatterChart.yMeasures.length) scatterChart.yMeasures.push(item);
+                const isYAxis = 'yAxis' === item.encoding;
+                const isXAxis = 'xAxis' === item.encoding;
+                const isOther = item.encoding && [
+                    'color',
+                    'label',
+                    'tooltip',
+                    'detail'
+                ].includes(item.encoding);
+                if (isYAxis) scatterChart.yMeasures.push(item);
+                else if (isXAxis) scatterChart.xMeasures.push(item);
+                else if (isOther) encodedMeasures.push(item);
+                else if (0 !== scatterChart.yMeasures.length) scatterChart.yMeasures.push(item);
                 else scatterChart.xMeasures.push(item);
             });
-            return scatterMeasuresToMeasureTree(scatterMeasures);
+            const res = scatterMeasuresToMeasureTree(scatterMeasures);
+            if (encodedMeasures.length) encodedMeasures.forEach((m)=>{
+                res.push(m);
+            });
+            return res;
+        };
+        const defaultEncodingForScatter = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const encoding = {};
+            scatter_generateDefaultDimensionEncoding(dimensions, encoding);
+            scatter_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const encodingForScatter = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) scatter_generateDimensionEncoding(dimensions, encoding);
+            else scatter_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) scatter_generateMeasureEncoding(measures, encoding);
+            else scatter_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const scatter_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const dimensionsWithoutMeasureId = dimensions.filter((item)=>item.id !== MeasureId);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureId.map((d)=>d.id));
+            encoding.detail = encoding.color;
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const scatter_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
+            if (0 === encoding.detail.length) encoding.detail = [
+                MeasureId
+            ];
+            encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
+        };
+        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));
+        };
+        const scatter_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || '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[0]
+            ];
+            encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding).map((item)=>item.id));
+            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 scatterConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
@@ -8032,7 +8093,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { encoding, chartType } = advancedVSeed;
-            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const measures = (advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? []).filter((m)=>m && m.children);
             const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             if (measures.length > 2) throw new Error('measures can not be more than 2 groups in scatter');
             const foldInfoList = [];
@@ -8164,11 +8225,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForScatter,
-                buildMeasuresForScatter
+                buildMeasuresForScatter,
+                defaultEncodingForScatter
             ], [
-                encodingForScatter,
                 buildMeasuresForScatter,
+                encodingForScatter,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -8894,75 +8955,6 @@
             Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
             Builder._specPipelineMap.scatter = scatterSpecPipeline;
         };
-        const defaultEncodingForDualAxis = (advancedVSeed)=>{
-            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
-            const measures = findAllMeasures(vseedMeasures);
-            const encoding = {};
-            dualAxis_generateDefaultDimensionEncoding(dimensions, encoding);
-            dualAxis_generateDefaultMeasureEncoding(measures, encoding);
-            return {
-                ...advancedVSeed,
-                encoding
-            };
-        };
-        const encodingForDualAxis = (advancedVSeed)=>{
-            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
-            const measures = findAllMeasures(vseedMeasures);
-            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
-            const hasMeasureEncoding = measures.some((item)=>item.encoding);
-            const encoding = {};
-            if (hasDimensionEncoding) dualAxis_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else dualAxis_generateDefaultDimensionEncoding(dimensions, encoding);
-            if (hasMeasureEncoding) dualAxis_generateMeasureEncoding(measures, encoding);
-            else dualAxis_generateDefaultMeasureEncoding(measures, encoding);
-            return {
-                ...advancedVSeed,
-                encoding
-            };
-        };
-        const dualAxis_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
-            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
-            encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
-            encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
-            encoding.label = [];
-            encoding.row = [];
-            encoding.column = [];
-        };
-        const dualAxis_generateDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
-            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
-            if (0 === encoding.x.length) encoding.x = [
-                dimensions[0].id
-            ];
-            addColorToEncoding(dimensions, encoding, isMultiMeasure);
-            encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
-            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 !== MeasureId);
-            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
-        };
-        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));
-        };
-        const dualAxis_generateMeasureEncoding = (measures, encoding)=>{
-            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
-            ]);
-        };
         const buildMeasuresForDualAxis = (advancedVSeed, context)=>{
             const { vseed } = context;
             if (isMeasureTreeWithChildren(advancedVSeed.measures)) return advancedVSeed;
@@ -8970,32 +8962,48 @@
                 advancedVSeed.measures = buildMeasuresForDualAxis_generateMeasuresByParentId(advancedVSeed.measures);
                 return advancedVSeed;
             }
-            const dualMeasures = vseed.dualMeasures ? chunk_BCBB46UE_d(vseed.dualMeasures) : basicMeasuresToDualMeasures(advancedVSeed.measures || []);
+            if (vseed.dualMeasures) {
+                advancedVSeed.measures = dualMeasuresToMeasureTree(chunk_BCBB46UE_d(vseed.dualMeasures));
+                return advancedVSeed;
+            }
+            const { dualMeasures, encodedMeasures } = basicMeasuresToDualMeasures(advancedVSeed.measures || []);
             advancedVSeed.measures = dualMeasuresToMeasureTree(dualMeasures);
+            if (encodedMeasures.length) encodedMeasures.forEach((m)=>{
+                advancedVSeed.measures.push(m);
+            });
             return advancedVSeed;
         };
         const basicMeasuresToDualMeasures = (basicMeasures)=>{
             const primaryMeasures = [];
             const secondaryMeasures = [];
+            const encodedMeasures = [];
             for(let index = 0; index < basicMeasures.length; index++){
                 const item = basicMeasures[index];
-                const encoding = Array.isArray(item.encoding) ? item.encoding : [
-                    item.encoding
-                ];
-                const isPrimaryYAxis = encoding.includes('primaryYAxis');
-                const isSecondaryYAxis = encoding.includes('secondaryYAxis');
+                const encoding = item.encoding;
+                const isPrimaryYAxis = 'primaryYAxis' === encoding;
+                const isSecondaryYAxis = 'secondaryYAxis' === encoding;
+                const isOtherEncoding = item.encoding && [
+                    'color',
+                    'label',
+                    'tooltip',
+                    'detail'
+                ].includes(item.encoding);
                 if (isPrimaryYAxis) primaryMeasures.push(item);
                 else if (isSecondaryYAxis) secondaryMeasures.push(item);
+                else if (isOtherEncoding) encodedMeasures.push(item);
                 else if (0 === index) primaryMeasures.push(item);
                 else secondaryMeasures.push(item);
             }
-            return [
-                {
-                    id: 'dualMeasures',
-                    primaryMeasures,
-                    secondaryMeasures
-                }
-            ];
+            return {
+                dualMeasures: [
+                    {
+                        id: 'dualMeasures',
+                        primaryMeasures,
+                        secondaryMeasures
+                    }
+                ],
+                encodedMeasures
+            };
         };
         const dualMeasuresToMeasureTree = (dualMeasures)=>{
             const measureTree = dualMeasures.map((item, index)=>{
@@ -9037,6 +9045,7 @@
         };
         const buildMeasuresForDualAxis_generateMeasuresByParentId = (measures)=>{
             const dualMeasures = [];
+            const encodedMeasures = [];
             measures.forEach((item)=>{
                 const id = item.parentId || DEFAULT_PARENT_ID;
                 if (!dualMeasures.find((d)=>d.id === id)) dualMeasures.push({
@@ -9046,18 +9055,103 @@
                 });
                 const dualChart = dualMeasures.find((d)=>d.id === id);
                 if (!dualChart || !Array.isArray(dualChart.primaryMeasures) || !Array.isArray(dualChart.secondaryMeasures)) return;
-                const encoding = Array.isArray(item.encoding) ? item.encoding : [
-                    item.encoding
-                ].filter(Boolean);
-                const isPrimary = encoding.includes('primaryYAxis');
-                const isSecondary = encoding.includes('secondaryYAxis');
-                const isEmpty = !item.encoding;
-                if (isPrimary) dualChart.primaryMeasures.push(item);
-                else if (isSecondary) dualChart.secondaryMeasures.push(item);
-                else if (isEmpty) if (0 === dualChart.primaryMeasures.length) dualChart.primaryMeasures.push(item);
+                const encoding = item.encoding;
+                const isPrimaryYAxis = 'primaryYAxis' === encoding;
+                const isSecondaryYAxis = 'secondaryYAxis' === encoding;
+                const isOtherEncoding = item.encoding && [
+                    'color',
+                    'label',
+                    'tooltip',
+                    'detail'
+                ].includes(item.encoding);
+                if (isPrimaryYAxis) dualChart.primaryMeasures.push(item);
+                else if (isSecondaryYAxis) dualChart.secondaryMeasures.push(item);
+                else if (isOtherEncoding) encodedMeasures.push(item);
+                else if (0 === dualChart.primaryMeasures.length) dualChart.primaryMeasures.push(item);
                 else dualChart.secondaryMeasures.push(item);
             });
-            return dualMeasuresToMeasureTree(dualMeasures);
+            const res = dualMeasuresToMeasureTree(dualMeasures);
+            if (encodedMeasures.length) encodedMeasures.forEach((m)=>{
+                res.push(m);
+            });
+            return res;
+        };
+        const checkSingleViewMultiMeasures = (measures = [])=>measures.length <= 1 && (measures[0].children ?? []).length <= 1;
+        const dualAxis_hasMultipleMeasureInSingleView = (measures = [])=>{
+            const depth = measureDepth(measures);
+            if (depth >= 3) return measures.some((m)=>m && m.children && !checkSingleViewMultiMeasures(m.children));
+            if (2 === depth) return !checkSingleViewMultiMeasures(measures);
+            if (1 === depth) return measures.length >= 1;
+            return false;
+        };
+        const defaultEncodingForDualAxis = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const encoding = {};
+            dualAxis_generateDefaultDimensionEncoding(dimensions, encoding, dualAxis_hasMultipleMeasureInSingleView(vseedMeasures));
+            dualAxis_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const encodingForDualAxis = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            const hasMulti = dualAxis_hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) dualAxis_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else dualAxis_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
+            if (hasMeasureEncoding) dualAxis_generateMeasureEncoding(measures, encoding);
+            else dualAxis_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const dualAxis_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
+            encoding.detail = encoding.color;
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const dualAxis_generateDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            if (0 === encoding.x.length) encoding.x = [
+                dimensions[0].id
+            ];
+            addColorToEncoding(dimensions, encoding, isMultiMeasure);
+            encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
+            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 !== MeasureId);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
+        };
+        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));
+        };
+        const dualAxis_generateMeasureEncoding = (measures, encoding)=>{
+            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
+            ]);
         };
         const reshapeWithDualEncoding = (advancedVSeed, context)=>{
             const result = {
@@ -9066,7 +9160,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { encoding, chartType } = advancedVSeed;
-            const measures = advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? [];
+            const measures = (advancedVSeed.reshapeMeasures ?? advancedVSeed.measures ?? []).filter((m)=>m && m.children);
             const dimensions = advancedVSeed.reshapeDimensions ?? advancedVSeed.dimensions ?? [];
             if (measures.length > 2) throw new Error('measures can not be more than 2 groups in dualAxis');
             const foldInfoList = [];
@@ -9131,9 +9225,9 @@
             const measureGroups = [];
             const depth = measureDepth(measures);
             if (3 === depth) measures.forEach((measure)=>{
-                measureGroups.push(measure.children);
+                if (measure.children) measureGroups.push(measure.children);
             });
-            else if (2 === depth) measureGroups.push(measures);
+            else if (2 === depth) measureGroups.push(measures.filter((m)=>m && m.children));
             measureGroups.forEach((measures, index)=>{
                 if (measures.length > 2) throw new Error('measures can not be more than 2 groups in dualAxis');
                 const foldInfoList = [];
@@ -9226,11 +9320,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForDualAxis,
-                buildMeasuresForDualAxis
+                buildMeasuresForDualAxis,
+                defaultEncodingForDualAxis
             ], [
-                encodingForDualAxis,
                 buildMeasuresForDualAxis,
+                encodingForDualAxis,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -10250,7 +10344,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            rose_generateDefaultDimensionEncoding(dimensions, encoding);
+            rose_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             rose_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -10263,8 +10357,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) rose_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else rose_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) rose_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else rose_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) rose_generateMeasureEncoding(measures, encoding);
             else rose_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -10272,11 +10367,10 @@
                 encoding
             };
         };
-        const rose_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
+        const rose_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.angle = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
@@ -10321,11 +10415,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForRose,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForRose
             ], [
-                encodingForRose,
                 buildMeasures,
+                encodingForRose,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -10474,11 +10568,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForRose,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForRose
             ], [
-                encodingForRose,
                 buildMeasures,
+                encodingForRose,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -10597,7 +10691,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            radar_generateDefaultDimensionEncoding(dimensions, encoding);
+            radar_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             radar_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -10610,8 +10704,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) radar_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else radar_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) radar_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else radar_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) radar_generateMeasureEncoding(measures, encoding);
             else radar_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -10619,10 +10714,10 @@
                 encoding
             };
         };
-        const radar_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+        const radar_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.angle = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.detail = [];
             encoding.label = [];
@@ -10669,11 +10764,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForRadar,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForRadar
             ], [
-                encodingForRadar,
                 buildMeasures,
+                encodingForRadar,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -10815,7 +10910,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            funnel_generateDefaultDimensionEncoding(dimensions, encoding);
+            funnel_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             funnel_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -10828,8 +10923,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) funnel_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else funnel_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) funnel_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else funnel_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) funnel_generateMeasureEncoding(measures, encoding);
             else funnel_generateDefaultMeasureEncoding(measures, encoding);
             return {
@@ -10837,9 +10933,9 @@
                 encoding
             };
         };
-        const funnel_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+        const funnel_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
-            encoding.color = uniqueDimIds.slice(0);
+            encoding.color = !isMultiMeasure && uniqueDimIds.some((id)=>id !== MeasureId) ? uniqueDimIds.filter((id)=>id !== MeasureId) : uniqueDimIds.slice(0);
             encoding.detail = encoding.color;
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
@@ -10884,11 +10980,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForFunnel,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForFunnel
             ], [
-                encodingForFunnel,
                 buildMeasures,
+                encodingForFunnel,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -11111,11 +11207,11 @@
             defaultDimensions_defaultDimensions,
             defaultMeasureId_defaultMeasureId,
             encodingAdapter([
-                defaultEncodingForHeatmap,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForHeatmap
             ], [
-                encodingForHeatmap,
                 buildMeasures,
+                encodingForHeatmap,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label'
@@ -11394,7 +11490,7 @@
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
             const encoding = {};
-            boxplot_generateDefaultDimensionEncoding(dimensions, encoding);
+            boxplot_generateDefaultDimensionEncoding(dimensions, encoding, hasMultipleMeasureInSingleView(vseedMeasures));
             boxplot_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
@@ -11407,8 +11503,9 @@
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
-            if (hasDimensionEncoding) boxplot_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
-            else boxplot_generateDefaultDimensionEncoding(dimensions, encoding);
+            const hasMulti = hasMultipleMeasureInSingleView(vseedMeasures);
+            if (hasDimensionEncoding) boxplot_generateDimensionEncoding(dimensions, encoding, hasMulti);
+            else boxplot_generateDefaultDimensionEncoding(dimensions, encoding, hasMulti);
             if (hasMeasureEncoding) boxplot_generateMeasureEncoding(measures, encoding);
             else boxplot_generateDefaultMeasureEncoding(measures, encoding);
             if ((!encoding.value || encoding.value.length <= 1) && encoding.color && encoding.color.length > 1) encoding.color = encoding.color.filter((c)=>c !== MeasureId);
@@ -11417,11 +11514,10 @@
                 encoding
             };
         };
-        const boxplot_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
+        const boxplot_generateDefaultDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            addDefaultColorEncoding(uniqueDimIds, encoding, isMultiMeasure);
             encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
@@ -11718,11 +11814,11 @@
             defaultMeasureId_defaultMeasureId,
             boxplotConfig,
             encodingAdapter([
-                defaultEncodingForBoxplot,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForBoxplot
             ], [
-                encodingForBoxplot,
                 buildMeasures,
+                encodingForBoxplot,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',
@@ -12636,11 +12732,11 @@
             defaultDimensions_defaultDimensions,
             histogramConfig,
             encodingAdapter([
-                defaultEncodingForHistogram,
-                buildMeasures
+                buildMeasures,
+                defaultEncodingForHistogram
             ], [
-                encodingForHistogram,
                 buildMeasures,
+                encodingForHistogram,
                 pickMeasuresForReshape([
                     'tooltip',
                     'label',