@visactor/vseed 0.1.3 → 0.1.5

package/dist/umd/index.js

@@ -1445,6 +1445,56 @@
                 locale: locale || 'zh-CN'
             };
         };
+        const ORIGINAL_DATA = '__OriginalData__';
+        const Separator = '-';
+        const FoldMeasureName = '__MeaName__';
+        const FoldMeasureId = '__MeaId__';
+        const FoldMeasureValue = '__MeaValue__';
+        const MeasureName = FoldMeasureName;
+        const FoldPrimaryMeasureValue = '__MeaPrimaryValue__';
+        const FoldSecondaryMeasureValue = '__MeaSecondaryValue__';
+        const FoldXMeasureValue = '__MeaXValue__';
+        const FoldYMeasureValue = '__MeaYValue__';
+        const XEncoding = '__Dim_X__';
+        const YEncoding = '__Dim_Y__';
+        const AngleEncoding = '__Dim_Angle__';
+        const DetailEncoding = '__Dim_Detail__';
+        const ColorEncoding = '__Dim_Color__';
+        const ColorIdEncoding = '__Dim_ColorId__';
+        const getBasicDimensions = (vseed)=>{
+            const { dimensions, dataset } = vseed;
+            const MeaName = {
+                id: MeasureName,
+                alias: intl.i18n`指标名称`
+            };
+            if (!dataset) throw new Error('dataset is required');
+            if (0 === dataset.length) return [];
+            if (dimensions) {
+                const basicDimensions = dimensions.map((dim)=>({
+                        location: 'dimension',
+                        ...dim
+                    }));
+                if (basicDimensions.some((dim)=>dim.id === MeasureName)) return basicDimensions;
+                basicDimensions.push(MeaName);
+                return basicDimensions;
+            }
+            const top100dataset = dataset.slice(0, 100);
+            const sample = top100dataset.reduce((prev, cur)=>({
+                    ...prev,
+                    ...cur
+                }), {});
+            const basicDimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+                    '',
+                    null,
+                    void 0
+                ].includes(key)).map((dim)=>({
+                    id: dim,
+                    alias: dim,
+                    location: 'dimension'
+                }));
+            basicDimensions.push(MeaName);
+            return basicDimensions;
+        };
         const getBasicMeasures = (vseed)=>{
             const { dataset, measures } = vseed;
             if (!measures || 0 === measures.length) return generateMeasuresByDataset(dataset);
@@ -1478,6 +1528,52 @@
             if (!measures) return false;
             return measures.some((measure)=>'parentId' in measure);
         };
+        const encodingForLine = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) generateDimensionEncoding(dimensions, encoding);
+            else generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) generateMeasureEncoding(measures, encoding);
+            else generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.detail = [];
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+        };
+        const generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            encoding.detail = [];
+            if (0 === encoding.x.length) encoding.x = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+        };
         const measureDepth = (measures = [])=>{
             if (!measures) return 0;
             let depth = 1;
@@ -1498,7 +1594,7 @@
             if (isVTable(vseed)) return false;
             if (isMeasureTreeWithParentId(vseed)) {
                 const parentIds = vseed.measures?.map((measure)=>measure.parentId);
-                return parentIds && parentIds.length > 1;
+                return parentIds && chunk_QJLMYOTX_i(parentIds).length > 1;
             }
             if ('dualAxis' === vseed.chartType || 'scatter' === vseed.chartType) {
                 const { dimensions = [] } = vseed;
@@ -1569,22 +1665,6 @@
                 }
             ];
         };
-        const ORIGINAL_DATA = '__OriginalData__';
-        const Separator = '-';
-        const FoldMeasureName = '__MeaName__';
-        const FoldMeasureId = '__MeaId__';
-        const FoldMeasureValue = '__MeaValue__';
-        const MeasureName = FoldMeasureName;
-        const FoldPrimaryMeasureValue = '__MeaPrimaryValue__';
-        const FoldSecondaryMeasureValue = '__MeaSecondaryValue__';
-        const FoldXMeasureValue = '__MeaXValue__';
-        const FoldYMeasureValue = '__MeaYValue__';
-        const XEncoding = '__Dim_X__';
-        const YEncoding = '__Dim_Y__';
-        const AngleEncoding = '__Dim_Angle__';
-        const DetailEncoding = '__Dim_Detail__';
-        const ColorEncoding = '__Dim_Color__';
-        const ColorIdEncoding = '__Dim_ColorId__';
         const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1624,51 +1704,26 @@
             result.dimensions.push(MeaName);
             return result;
         };
-        const encodingForLine = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const x = encoding.x || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? dimensions.map((d)=>d.id).filter((id)=>!x.includes(id)) : encoding.detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        x,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
-            const mergedEncoding = {
-                x: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                detail: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
-            return {
-                ...advancedVSeed,
-                encoding: mergedEncoding
-            };
-        };
         const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
                 if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
                 return execPipeline(pipeline, context, advancedVSeed);
             };
+        function T(...e) {
+            return chunk_LFJW7BOT_y(chunk_7ZI6JRPB_y, e);
+        }
+        function chunk_7ZI6JRPB_y(e) {
+            let u = e, n = new Set;
+            return (t, i, d)=>{
+                let r = u(t, i, d);
+                return n.has(r) ? chunk_ANXBDSUI_s : (n.add(r), {
+                    done: !1,
+                    hasNext: !0,
+                    next: t
+                });
+            };
+        }
         function chunk_AIG3BDKO_i(...e) {
             return chunk_WIMGWYZL_u(chunk_AIG3BDKO_n, e);
         }
@@ -1690,7 +1745,7 @@
             for (let r of e)delete o[r];
             return o;
         }
-        const foldMeasures = (dataset, measures, encoding, options)=>{
+        const foldMeasures = (dataset, measures, options)=>{
             const { measureId, measureName, measureValue, colorMeasureId } = options || {};
             const foldInfo = {
                 measureId,
@@ -1791,7 +1846,7 @@
         };
         const dataReshapeByEncoding = (dataset, dimensions, measures, encoding, options)=>{
             const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, colorItemAsId = false, colorMeasureId } = options || {};
-            const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, encoding, {
+            const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, {
                 measureId: foldMeasureId,
                 measureName: foldMeasureName,
                 measureValue: foldMeasureValue,
@@ -1835,7 +1890,7 @@
             const { dimensions, measures, encoding } = advancedVSeed;
             if (!measures || !dimensions || !dataset || !encoding) return result;
             if (0 === measures.length) throw new Error('measures can not be empty');
-            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, measures, encoding, {
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(findAllMeasures(measures), (item)=>item.id), encoding, {
                 colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             return {
@@ -1872,7 +1927,7 @@
                 const measures = measureGroup.children;
                 if (!measures) return;
                 const groupId = measureGroup.id;
-                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, measures, encoding, {
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(measures, (item)=>item.id), encoding, {
                     foldMeasureValue: `${FoldMeasureValue}${groupId}`,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -2090,9 +2145,9 @@
         };
         const lineAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForLine,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForLine,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -2453,117 +2508,6 @@
             ];
             return result;
         };
-        const label_label = (spec, context)=>{
-            const result = {
-                ...spec
-            };
-            const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, locale } = advancedVSeed;
-            const { chartType } = advancedVSeed;
-            const baseConfig = advancedVSeed.config[chartType];
-            if (!baseConfig || !baseConfig.label) return result;
-            const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
-            const { label } = baseConfig;
-            const { enable } = label;
-            result.label = {
-                visible: enable,
-                formatMethod: (value, datum)=>{
-                    const result = [];
-                    const formatValue = (value)=>{
-                        const id = datum[measureId];
-                        const measure = findMeasureById(measures, id);
-                        if (!measure) return value;
-                        const { format = {}, autoFormat = true } = measure;
-                        if (!chunk_VCYTMP4D_n(format)) {
-                            const formatter = createFormatter(format);
-                            return formatter(value);
-                        }
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return String(value);
-                    };
-                    result.push(formatValue(datum[measureValue]));
-                    return result.join(' ');
-                }
-            };
-            return result;
-        };
-        const tooltip_tooltip = (spec, context)=>{
-            const result = {
-                ...spec
-            };
-            const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, chartType, locale, dimensions } = advancedVSeed;
-            const baseConfig = advancedVSeed.config[chartType];
-            const { tooltip = {
-                enable: true
-            } } = baseConfig;
-            const { enable } = tooltip;
-            const { measureId, measureValue, measureName } = datasetReshapeInfo[0].foldInfo;
-            const { encodingColor: colorName } = datasetReshapeInfo[0].unfoldInfo;
-            result.tooltip = {
-                visible: enable,
-                mark: {
-                    title: {
-                        visible: true
-                    },
-                    content: [
-                        ...dimensions.map((item)=>({
-                                visible: true,
-                                hasShape: true,
-                                shapeType: 'rectRound',
-                                key: (datum)=>{
-                                    if (item.alias || item.id) return item.alias || item.id;
-                                    return datum && datum[item.id];
-                                },
-                                value: (datum)=>datum && datum[item.id]
-                            })),
-                        {
-                            visible: true,
-                            hasShape: true,
-                            key: (datum)=>datum && datum[measureName || colorName] || '',
-                            value: (datum)=>{
-                                if (!datum) return '';
-                                const value = datum[measureValue];
-                                const id = datum[measureId];
-                                const measure = findMeasureById(measures, id);
-                                if (!measure) return String(value);
-                                const { format = {}, autoFormat = true } = measure;
-                                if (!chunk_VCYTMP4D_n(format)) {
-                                    const formatter = createFormatter(format);
-                                    return formatter(value);
-                                }
-                                if (autoFormat) return autoFormatter(value, locale);
-                                return String(value);
-                            }
-                        }
-                    ]
-                },
-                dimension: {
-                    content: [
-                        {
-                            visible: true,
-                            key: (datum)=>datum && datum[colorName] || '',
-                            value: (datum)=>{
-                                if (!datum) return '';
-                                const value = datum[measureValue];
-                                const id = datum[measureId];
-                                const measure = findMeasureById(measures, id);
-                                if (!measure) return String(value);
-                                const { format = {}, autoFormat = true } = measure;
-                                if (!chunk_VCYTMP4D_n(format)) {
-                                    const formatter = createFormatter(format);
-                                    return formatter(value);
-                                }
-                                if (autoFormat) return autoFormatter(value, locale);
-                                return String(value);
-                            },
-                            shapeType: 'rectRound'
-                        }
-                    ]
-                }
-            };
-            return result;
-        };
         const verticalCrosshairLine = (spec, context)=>{
             const result = {
                 ...spec
@@ -3088,6 +3032,117 @@
                 }
             };
         };
+        const label_label = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { measures, datasetReshapeInfo, locale } = advancedVSeed;
+            const { chartType } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            if (!baseConfig || !baseConfig.label) return result;
+            const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
+            const { label } = baseConfig;
+            const { enable } = label;
+            result.label = {
+                visible: enable,
+                formatMethod: (value, datum)=>{
+                    const result = [];
+                    const formatValue = (value)=>{
+                        const id = datum[measureId];
+                        const measure = findMeasureById(measures, id);
+                        if (!measure) return value;
+                        const { format = {}, autoFormat = true } = measure;
+                        if (!chunk_VCYTMP4D_n(format)) {
+                            const formatter = createFormatter(format);
+                            return formatter(value);
+                        }
+                        if (autoFormat) return autoFormatter(value, locale);
+                        return String(value);
+                    };
+                    result.push(formatValue(datum[measureValue]));
+                    return result.join(' ');
+                }
+            };
+            return result;
+        };
+        const tooltip_tooltip = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { measures, datasetReshapeInfo, chartType, locale, dimensions } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { tooltip = {
+                enable: true
+            } } = baseConfig;
+            const { enable } = tooltip;
+            const { measureId, measureValue, measureName } = datasetReshapeInfo[0].foldInfo;
+            const { encodingColor: colorName } = datasetReshapeInfo[0].unfoldInfo;
+            result.tooltip = {
+                visible: enable,
+                mark: {
+                    title: {
+                        visible: true
+                    },
+                    content: [
+                        ...dimensions.map((item)=>({
+                                visible: true,
+                                hasShape: true,
+                                shapeType: 'rectRound',
+                                key: (datum)=>{
+                                    if (item.alias || item.id) return item.alias || item.id;
+                                    return datum && datum[item.id];
+                                },
+                                value: (datum)=>datum && datum[item.id]
+                            })),
+                        {
+                            visible: true,
+                            hasShape: true,
+                            key: (datum)=>datum && datum[measureName || colorName] || '',
+                            value: (datum)=>{
+                                if (!datum) return '';
+                                const value = datum[measureValue];
+                                const id = datum[measureId];
+                                const measure = findMeasureById(measures, id);
+                                if (!measure) return String(value);
+                                const { format = {}, autoFormat = true } = measure;
+                                if (!chunk_VCYTMP4D_n(format)) {
+                                    const formatter = createFormatter(format);
+                                    return formatter(value);
+                                }
+                                if (autoFormat) return autoFormatter(value, locale);
+                                return String(value);
+                            }
+                        }
+                    ]
+                },
+                dimension: {
+                    content: [
+                        {
+                            visible: true,
+                            key: (datum)=>datum && datum[colorName] || '',
+                            value: (datum)=>{
+                                if (!datum) return '';
+                                const value = datum[measureValue];
+                                const id = datum[measureId];
+                                const measure = findMeasureById(measures, id);
+                                if (!measure) return String(value);
+                                const { format = {}, autoFormat = true } = measure;
+                                if (!chunk_VCYTMP4D_n(format)) {
+                                    const formatter = createFormatter(format);
+                                    return formatter(value);
+                                }
+                                if (autoFormat) return autoFormatter(value, locale);
+                                return String(value);
+                            },
+                            shapeType: 'rectRound'
+                        }
+                    ]
+                }
+            };
+            return result;
+        };
         const isSubset = (sub, obj)=>Object.entries(sub).every(([key, value])=>{
                 if ('string' == typeof value) return obj[key] === value;
                 if ('number' == typeof value) return obj[key] === value;
@@ -3849,6 +3904,93 @@
                 legends
             };
         };
+        const pivotColorLegend = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { chartType } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            if (!baseConfig || !baseConfig.legend) return result;
+            const { datasetReshapeInfo } = advancedVSeed;
+            const max = Math.max(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[1]));
+            const min = Math.min(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[0]));
+            const { legend, color } = baseConfig;
+            const { colorScheme, linearColorScheme } = color;
+            const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400 } = legend || {};
+            const orient = [
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
+                'bl',
+                'br'
+            ].includes(position) ? 'bottom' : [
+                'top',
+                'topLeft',
+                'topRight',
+                'tl',
+                'tr'
+            ].includes(position) ? 'top' : [
+                'left',
+                'leftTop',
+                'leftBottom',
+                'lt',
+                'lb'
+            ].includes(position) ? 'left' : 'right';
+            const legendPosition = [
+                'topLeft',
+                'bottomLeft',
+                'leftTop',
+                'rightTop',
+                'lt',
+                'rt',
+                'tl',
+                'bl'
+            ].includes(position) ? 'start' : [
+                'topRight',
+                'bottomRight',
+                'leftBottom',
+                'rightBottom',
+                'lb',
+                'rb',
+                'rt',
+                'br'
+            ].includes(position) ? 'end' : 'middle';
+            const legends = {
+                visible: enable,
+                type: 'color',
+                orient,
+                position: legendPosition,
+                colors: linearColorScheme || colorScheme || [],
+                value: [
+                    min,
+                    max
+                ],
+                min: min,
+                max: max,
+                maxWidth: '30%',
+                startText: {
+                    visible: true,
+                    style: {
+                        fill: labelFontColor,
+                        fontSize: labelFontSize,
+                        fontWeight: labelFontWeight
+                    }
+                },
+                endText: {
+                    visible: true,
+                    style: {
+                        fill: labelFontColor,
+                        fontSize: labelFontSize,
+                        fontWeight: labelFontWeight
+                    }
+                }
+            };
+            return {
+                ...result,
+                legends
+            };
+        };
         const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
@@ -3863,13 +4005,13 @@
             progressive,
             xBand,
             yLinear,
-            label_label,
-            tooltip_tooltip,
             verticalCrosshairLine,
             colorAdapter(discreteLegend, colorLegend),
             colorPointStyleFill(pointStyle_pointStyle),
             pointStateDimensionHover,
             colorLineStyleFill(lineStyle_lineStyle),
+            label_label,
+            tooltip_tooltip,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -3882,18 +4024,18 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initLine,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 xBand,
                 yLinear,
-                label_label,
-                tooltip_tooltip,
                 verticalCrosshairLine,
-                pointStyle_pointStyle,
+                colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
-                lineStyle_lineStyle,
+                colorLineStyleFill(lineStyle_lineStyle),
+                label_label,
+                tooltip_tooltip,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -3901,7 +4043,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const lineSpecPipeline = [
             pivotAdapter_pivotAdapter(line_line, pivotLine)
@@ -3912,51 +4054,58 @@
         };
         const encodingForColumn = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const x = encoding.x || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        x,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
-            const mergedEncoding = {
-                x: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                detail: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) column_generateDimensionEncoding(dimensions, encoding);
+            else column_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) column_generateMeasureEncoding(measures, encoding);
+            else column_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
+                encoding
             };
         };
+        const column_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const column_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const column_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+            return encoding;
+        };
+        const column_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            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.x.length) encoding.x = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+        };
         const columnAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForColumn,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForColumn,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4259,93 +4408,6 @@
                 markArea: markArea
             };
         };
-        const pivotColorLegend = (spec, context)=>{
-            const result = {
-                ...spec
-            };
-            const { advancedVSeed } = context;
-            const { chartType } = advancedVSeed;
-            const baseConfig = advancedVSeed.config[chartType];
-            if (!baseConfig || !baseConfig.legend) return result;
-            const { datasetReshapeInfo } = advancedVSeed;
-            const max = Math.max(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[1]));
-            const min = Math.min(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[0]));
-            const { legend, color } = baseConfig;
-            const { colorScheme, linearColorScheme } = color;
-            const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400 } = legend || {};
-            const orient = [
-                'bottom',
-                'bottomLeft',
-                'bottomRight',
-                'bl',
-                'br'
-            ].includes(position) ? 'bottom' : [
-                'top',
-                'topLeft',
-                'topRight',
-                'tl',
-                'tr'
-            ].includes(position) ? 'top' : [
-                'left',
-                'leftTop',
-                'leftBottom',
-                'lt',
-                'lb'
-            ].includes(position) ? 'left' : 'right';
-            const legendPosition = [
-                'topLeft',
-                'bottomLeft',
-                'leftTop',
-                'rightTop',
-                'lt',
-                'rt',
-                'tl',
-                'bl'
-            ].includes(position) ? 'start' : [
-                'topRight',
-                'bottomRight',
-                'leftBottom',
-                'rightBottom',
-                'lb',
-                'rb',
-                'rt',
-                'br'
-            ].includes(position) ? 'end' : 'middle';
-            const legends = {
-                visible: enable,
-                type: 'color',
-                orient,
-                position: legendPosition,
-                colors: linearColorScheme || colorScheme || [],
-                value: [
-                    min,
-                    max
-                ],
-                min: min,
-                max: max,
-                maxWidth: '30%',
-                startText: {
-                    visible: true,
-                    style: {
-                        fill: labelFontColor,
-                        fontSize: labelFontSize,
-                        fontWeight: labelFontWeight
-                    }
-                },
-                endText: {
-                    visible: true,
-                    style: {
-                        fill: labelFontColor,
-                        fontSize: labelFontSize,
-                        fontWeight: labelFontWeight
-                    }
-                }
-            };
-            return {
-                ...result,
-                legends
-            };
-        };
         const column = [
             initColumn,
             stackCornerRadius_stackCornerRadius,
@@ -4403,9 +4465,9 @@
         };
         const columnParallelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForColumn,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForColumn,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4500,9 +4562,9 @@
         };
         const columnPercentAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForColumn,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForColumn,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4581,46 +4643,53 @@
         };
         const encodingForBar = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const y = encoding.y || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        y,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
-            const mergedEncoding = {
-                y: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                detail: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) bar_generateDimensionEncoding(dimensions, encoding);
+            else bar_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) bar_generateMeasureEncoding(measures, encoding);
+            else bar_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
+                encoding
             };
         };
+        const bar_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.x = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const bar_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.y = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const bar_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.x = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+            return encoding;
+        };
+        const bar_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.y = chunk_QJLMYOTX_i(dimensions.filter((item)=>'yAxis' === item.encoding).map((item)=>item.id));
+            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.y.length) encoding.y = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.y?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.y?.includes(item.id)).map((item)=>item.id);
+        };
         const sortYBandAxis = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -4639,9 +4708,9 @@
         };
         const barAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForBar,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForBar,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5159,9 +5228,9 @@
         };
         const areaAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForLine,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForColumn,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5317,9 +5386,9 @@
         };
         const areaPercentAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForLine,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForColumn,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5393,6 +5462,49 @@
             Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
             Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
         };
+        const encodingForScatter = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            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_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || 'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const scatter_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureName.map((d)=>d.id));
+            encoding.color = uniqueDimIds.slice(0);
+            encoding.detail = uniqueDimIds.slice(0);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const scatter_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            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;
+        };
+        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.color.length) encoding.color = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+        };
         const buildMeasuresForScatter = (advancedVSeed, context)=>{
             const { vseed } = context;
             if (isMeasureTreeWithChildren(vseed)) {
@@ -5483,52 +5595,16 @@
                 const encoding = Array.isArray(item.encoding) ? item.encoding : [
                     item.encoding
                 ];
-                const isY = encoding.includes('yAxis');
                 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 (!isY && !isX) if (0 === scatterChart.yMeasures.length) scatterChart.yMeasures.push(item);
+                else if (isEmpty) if (0 === scatterChart.yMeasures.length) scatterChart.yMeasures.push(item);
                 else scatterChart.xMeasures.push(item);
             });
             return scatterMeasuresToMeasureTree(scatterMeasures);
         };
-        const encodingForScatter = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const detail = encoding.detail || [];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
-            const mergedEncoding = {
-                color: dimensions.slice(0).map((item)=>item.id),
-                detail: dimensionsWithoutMeasureName.slice(0).map((item)=>item.id),
-                tooltip: dimensionsWithoutMeasureName.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
-            return {
-                ...advancedVSeed,
-                encoding: mergedEncoding
-            };
-        };
         const reshapeWithScatterEncoding = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -5545,7 +5621,7 @@
             const xMeasures = measures[0];
             const yMeasures = measures[1] || xMeasures;
             if (xMeasures && xMeasures.children) {
-                const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, xMeasures.children, encoding, {
+                const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (d)=>d.id), T(xMeasures.children, (d)=>d.id), encoding, {
                     foldMeasureValue: FoldXMeasureValue,
                     colorItemAsId: true,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
@@ -5555,7 +5631,7 @@
                 unfoldInfoList.push(unfoldInfo);
             }
             if (yMeasures && yMeasures.children) {
-                const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(datasets[0], dimensions, yMeasures.children, encoding, {
+                const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(datasets[0], T(dimensions, (d)=>d.id), T(yMeasures.children, (d)=>d.id), encoding, {
                     foldMeasureValue: FoldYMeasureValue,
                     colorItemAsId: true,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
@@ -5659,9 +5735,9 @@
         };
         const scatterAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForScatter,
             buildMeasuresForScatter,
             autoDimensions_autoDimensions,
-            encodingForScatter,
             pivotAdapter([
                 reshapeWithScatterEncoding
             ], [
@@ -5797,7 +5873,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const scatterSpecPipeline = [
             pivotAdapter_pivotAdapter(scatter, pivotScatter)
@@ -5806,6 +5882,55 @@
             Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
             Builder._specPipelineMap.scatter = scatterSpecPipeline;
         };
+        const encodingForDualAxis = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) dualAxis_generateDimensionEncoding(dimensions, encoding);
+            else dualAxis_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) dualAxis_generateMeasureEncoding(measures, encoding);
+            else dualAxis_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const dualAxis_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'primaryYAxis' === item.encoding || 'secondaryYAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const dualAxis_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const dualAxis_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            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;
+            return encoding;
+        };
+        const dualAxis_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            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.x.length) encoding.x = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+        };
         const buildMeasuresForDualAxis = (advancedVSeed, context)=>{
             const { vseed } = context;
             if (isMeasureTreeWithChildren(vseed)) {
@@ -5898,54 +6023,14 @@
                 ];
                 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 (!isPrimary && !isSecondary) if (0 === dualChart.primaryMeasures.length) dualChart.primaryMeasures.push(item);
+                else if (isEmpty) if (0 === dualChart.primaryMeasures.length) dualChart.primaryMeasures.push(item);
                 else dualChart.secondaryMeasures.push(item);
             });
             return dualMeasuresToMeasureTree(dualMeasures);
         };
-        const encodingForDualAxis = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const x = encoding.x || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        x,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const mergedEncoding = {
-                x: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(1).map((item)=>item.id),
-                detail: dimensions.slice(1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
-            return {
-                ...advancedVSeed,
-                encoding: mergedEncoding
-            };
-        };
         const reshapeWithDualEncoding = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -6095,9 +6180,9 @@
         };
         const dualAxisAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForDualAxis,
             buildMeasuresForDualAxis,
             autoDimensions_autoDimensions,
-            encodingForDualAxis,
             pivotAdapter([
                 reshapeWithDualEncoding
             ], [
@@ -6932,33 +7017,51 @@
         };
         const encodingForPie = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) return {
-                ...advancedVSeed,
-                encoding: {
-                    ...encoding
-                }
-            };
-            const mergedEncoding = {
-                color: dimensions.slice(0).map((item)=>item.id),
-                detail: dimensions.slice(0).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) pie_generateDimensionEncoding(dimensions, encoding);
+            else pie_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) pie_generateMeasureEncoding(measures, encoding);
+            else pie_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
-            };
+                encoding
+            };
+        };
+        const pie_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.angle = chunk_QJLMYOTX_i(measures.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const pie_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.color = uniqueDimIds.slice(0);
+            encoding.detail = uniqueDimIds.slice(0);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const pie_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.angle = chunk_QJLMYOTX_i(measures.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+        };
+        const pie_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.color.length) encoding.color = dimensions.map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.map((item)=>item.id);
         };
         const pieAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForPie,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForPie,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -6973,9 +7076,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { datasetReshapeInfo, dataset } = advancedVSeed;
+            const { datasetReshapeInfo } = advancedVSeed;
             const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
-            const showStroke = dataset.length <= 30;
             result.type = 'pie';
             result.outerRadius = 0.8;
             result.innerRadius = 0;
@@ -6987,30 +7089,57 @@
                     clip: true
                 }
             ];
-            result.pie = {
-                style: {
-                    stroke: '#ffffff',
-                    lineWidth: showStroke ? 1 : 0,
-                    centerOffset: 0
-                },
-                state: {
-                    hover: {
-                        outerRadius: 1.1 * result.outerRadius
+            result.animation = true;
+            return result;
+        };
+        const colorPieStyleFill = (stylePipe)=>(spec, context)=>{
+                const result = stylePipe(spec, context);
+                const { advancedVSeed } = context;
+                const { datasetReshapeInfo } = advancedVSeed;
+                const { unfoldInfo } = datasetReshapeInfo[0];
+                if (isLinearColor(advancedVSeed)) {
+                    if (result?.pie?.style) result.pie.style.fill = {
+                        field: unfoldInfo.encodingColor,
+                        scale: 'color'
+                    };
+                }
+                return result;
+            };
+        const pieStyle = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { dataset } = advancedVSeed;
+            const showStroke = dataset.length <= 30;
+            const result = {
+                ...spec,
+                pie: {
+                    style: {}
+                }
+            };
+            return {
+                ...result,
+                pie: {
+                    style: {
+                        stroke: '#ffffff',
+                        lineWidth: showStroke ? 1 : 0
+                    },
+                    state: {
+                        hover: {
+                            outerRadius: 1.1 * result.outerRadius
+                        }
                     }
                 }
             };
-            result.animation = true;
-            return result;
         };
         const pie = [
             initPie,
-            color_color,
+            colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
             progressive,
+            colorPieStyleFill(pieStyle),
+            colorAdapter(discreteLegend, colorLegend),
             label_label,
             tooltip_tooltip,
-            discreteLegend,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -7023,10 +7152,11 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initPie,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
+                colorPieStyleFill(pieStyle),
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -7036,7 +7166,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const pieSpecPipeline = [
             pivotAdapter_pivotAdapter(pie, pivotPie)
@@ -7064,43 +7194,32 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { datasetReshapeInfo, dataset } = advancedVSeed;
+            const { datasetReshapeInfo } = advancedVSeed;
             const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
-            const showStroke = dataset.length <= 30;
             result.type = 'pie';
             result.outerRadius = 0.8;
             result.innerRadius = 0.8 * result.outerRadius;
             result.valueField = foldInfo.measureValue;
             result.categoryField = unfoldInfo.encodingColorId;
             result.padding = 0;
-            result.region = [
-                {
-                    clip: true
-                }
-            ];
-            result.pie = {
-                style: {
-                    stroke: '#ffffff',
-                    lineWidth: showStroke ? 1 : 0
-                },
-                state: {
-                    hover: {
-                        outerRadius: 1.1 * result.outerRadius
-                    }
+            result.region = [
+                {
+                    clip: true
                 }
-            };
+            ];
             result.animation = true;
             return result;
         };
         const donut = [
             initDonut,
-            color_color,
+            colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
             progressive,
             label_label,
+            colorPieStyleFill(pieStyle),
+            colorAdapter(discreteLegend, colorLegend),
             tooltip_tooltip,
-            discreteLegend,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -7113,11 +7232,12 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initDonut,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 label_label,
+                colorPieStyleFill(pieStyle),
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
@@ -7126,7 +7246,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const donutSpecPipeline = [
             pivotAdapter_pivotAdapter(donut, pivotDonut)
@@ -7137,51 +7257,57 @@
         };
         const encodingForRose = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const angle = encoding.angle || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        angle,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
-            const mergedEncoding = {
-                angle: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                detail: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) rose_generateDimensionEncoding(dimensions, encoding);
+            else rose_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) rose_generateMeasureEncoding(measures, encoding);
+            else rose_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
+                encoding
             };
         };
+        const rose_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const rose_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.angle = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const rose_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+        };
+        const rose_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.angle = chunk_QJLMYOTX_i(dimensions.filter((item)=>'angle' === item.encoding).map((item)=>item.id));
+            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.angle.length) encoding.angle = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.angle?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.angle?.includes(item.id)).map((item)=>item.id);
+        };
         const roseAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForRose,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForRose,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7208,18 +7334,6 @@
             result.innerRadius = 0;
             const hasNegativeValue = dataset.flat().find((d)=>d[foldInfo.measureValue] < 0);
             if (hasNegativeValue) result.innerRadius = 0.05;
-            result.rose = {
-                style: {
-                    stroke: '#ffffff',
-                    lineWidth: 1
-                },
-                state: {
-                    hover: {
-                        lineWidth: 1,
-                        fillOpacity: 0.6
-                    }
-                }
-            };
             result.region = [
                 {
                     clip: true
@@ -7228,7 +7342,7 @@
             result.animation = true;
             return result;
         };
-        const radiusAxis = (spec, context)=>{
+        const angleAxis = (spec, context)=>{
             const result = {
                 ...spec
             };
@@ -7240,26 +7354,37 @@
             const showAxis = !(is0D || is1M1D);
             if (!result.axes) result.axes = [];
             result.axes.push({
-                orient: 'radius',
+                orient: 'angle',
                 visible: showAxis,
                 zero: true,
                 nice: !!showAxis,
+                paddingInner: showAxis ? [
+                    0.15,
+                    0.1
+                ] : [
+                    0,
+                    0
+                ],
+                paddingOuter: showAxis ? [
+                    0.075,
+                    0.1
+                ] : [
+                    0,
+                    0
+                ],
                 grid: {
                     visible: showAxis
                 },
-                tick: {
-                    visible: showAxis
-                },
-                label: {
+                domainLine: {
                     visible: showAxis
                 },
-                domainLine: {
+                tick: {
                     visible: showAxis
                 }
             });
             return result;
         };
-        const angleAxis = (spec, context)=>{
+        const radiusAxis = (spec, context)=>{
             const result = {
                 ...spec
             };
@@ -7271,50 +7396,79 @@
             const showAxis = !(is0D || is1M1D);
             if (!result.axes) result.axes = [];
             result.axes.push({
-                orient: 'angle',
+                orient: 'radius',
                 visible: showAxis,
                 zero: true,
                 nice: !!showAxis,
-                paddingInner: showAxis ? [
-                    0.15,
-                    0.1
-                ] : [
-                    0,
-                    0
-                ],
-                paddingOuter: showAxis ? [
-                    0.075,
-                    0.1
-                ] : [
-                    0,
-                    0
-                ],
                 grid: {
                     visible: showAxis
                 },
-                domainLine: {
+                tick: {
                     visible: showAxis
                 },
-                tick: {
+                label: {
+                    visible: showAxis
+                },
+                domainLine: {
                     visible: showAxis
                 }
             });
             return result;
         };
+        const colorRoseStyleFill = (stylePipe)=>(spec, context)=>{
+                const result = stylePipe(spec, context);
+                const { advancedVSeed } = context;
+                const { datasetReshapeInfo } = advancedVSeed;
+                const { unfoldInfo } = datasetReshapeInfo[0];
+                if (isLinearColor(advancedVSeed)) {
+                    if (result?.rose?.style) result.rose.style.fill = {
+                        field: unfoldInfo.encodingColor,
+                        scale: 'color'
+                    };
+                }
+                return result;
+            };
+        const roseStyle = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { dataset } = advancedVSeed;
+            const showStroke = dataset.length <= 30;
+            const result = {
+                ...spec,
+                rose: {
+                    style: {}
+                }
+            };
+            return {
+                ...result,
+                rose: {
+                    style: {
+                        stroke: '#ffffff',
+                        lineWidth: showStroke ? 1 : 0
+                    },
+                    state: {
+                        hover: {
+                            lineWidth: 1,
+                            fillOpacity: 0.6
+                        }
+                    }
+                }
+            };
+        };
         const rose = [
             initRose,
             stackCornerRadius_stackCornerRadius,
             stackInverse,
-            color_color,
+            colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
             progressive,
-            radiusAxis,
             angleAxis,
-            label_label,
-            tooltip_tooltip,
+            radiusAxis,
             verticalCrosshairRect,
-            discreteLegend
+            colorRoseStyleFill(roseStyle),
+            colorAdapter(discreteLegend, colorLegend),
+            label_label,
+            tooltip_tooltip
         ];
         const pivotRose = [
             initPivot,
@@ -7325,19 +7479,20 @@
                 initRose,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 radiusAxis,
                 angleAxis,
+                verticalCrosshairRect,
+                colorRoseStyleFill(roseStyle),
                 label_label,
-                tooltip_tooltip,
-                verticalCrosshairRect
+                tooltip_tooltip
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseSpecPipeline = [
             pivotAdapter_pivotAdapter(rose, pivotRose)
@@ -7348,9 +7503,9 @@
         };
         const roseParallelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForRose,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForRose,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7406,15 +7561,16 @@
         const roseParallel = [
             initRoseParallel,
             stackCornerRadius_stackCornerRadius,
-            color_color,
+            colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
             progressive,
             radiusAxis,
             angleAxis,
+            colorRoseStyleFill(roseStyle),
+            colorAdapter(discreteLegend, colorLegend),
             label_label,
             tooltip_tooltip,
-            discreteLegend,
             verticalCrosshairRect,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
@@ -7429,15 +7585,16 @@
             pivotIndicators_pivotIndicators([
                 initRoseParallel,
                 stackCornerRadius_stackCornerRadius,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 radiusAxis,
                 angleAxis,
+                verticalCrosshairRect,
+                colorRoseStyleFill(roseStyle),
                 label_label,
                 tooltip_tooltip,
-                verticalCrosshairRect,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -7445,7 +7602,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
@@ -7456,50 +7613,55 @@
         };
         const encodingForRadar = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const angle = encoding.angle || [
-                    dimensions[0].id
-                ];
-                const color = encoding.color || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                const detail = encoding.detail || [];
-                const mergedDetail = 0 === detail.length ? chunk_QJLMYOTX_i([
-                    ...color,
-                    ...detail
-                ]) : detail;
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        ...encoding,
-                        angle,
-                        color,
-                        detail: mergedDetail
-                    }
-                };
-            }
-            const mergedEncoding = {
-                angle: dimensions.slice(0, 1).map((item)=>item.id),
-                color: dimensions.slice(1).map((item)=>item.id),
-                detail: dimensions.slice(1).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) radar_generateDimensionEncoding(dimensions, encoding);
+            else radar_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) radar_generateMeasureEncoding(measures, encoding);
+            else radar_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
-            };
+                encoding
+            };
+        };
+        const radar_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const radar_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.angle = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.detail = [];
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const radar_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+        };
+        const radar_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.angle = chunk_QJLMYOTX_i(dimensions.filter((item)=>'angle' === item.encoding).map((item)=>item.id));
+            encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            encoding.detail = [];
+            if (0 === encoding.angle.length) encoding.angle = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.angle?.includes(item.id)).map((item)=>item.id);
         };
         const radarAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForRadar,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForRadar,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7635,33 +7797,51 @@
         };
         const encodingForFunnel = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) return {
-                ...advancedVSeed,
-                encoding: {
-                    ...encoding
-                }
-            };
-            const mergedEncoding = {
-                color: dimensions.slice(0).map((item)=>item.id),
-                detail: dimensions.slice(0).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) funnel_generateDimensionEncoding(dimensions, encoding);
+            else funnel_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) funnel_generateMeasureEncoding(measures, encoding);
+            else funnel_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
-            };
+                encoding
+            };
+        };
+        const funnel_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const funnel_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.color = uniqueDimIds.slice(0);
+            encoding.detail = uniqueDimIds.slice(0);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const funnel_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.map((item)=>item.id);
+            encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === 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 funnel_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.color.length) encoding.color = dimensions.map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.map((item)=>item.id);
         };
         const funnelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForFunnel,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForFunnel,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7691,34 +7871,55 @@
                     clip: true
                 }
             ];
-            result.funnel = {
-                style: {
-                    cornerRadius: 4,
-                    fill: {
-                        field: unfoldInfo.encodingColorId,
-                        scale: 'color'
-                    }
-                },
-                state: {
-                    hover: {
-                        fillOpacity: 0.6
-                    }
-                }
-            };
             result.transformLabel = {
                 visible: true
             };
             result.animation = true;
             return result;
         };
+        const colorFunnelStyleFill = (stylePipe)=>(spec, context)=>{
+                const result = stylePipe(spec, context);
+                const { advancedVSeed } = context;
+                const { datasetReshapeInfo } = advancedVSeed;
+                const { unfoldInfo } = datasetReshapeInfo[0];
+                if (isLinearColor(advancedVSeed)) {
+                    if (result?.funnel?.style) result.funnel.style.fill = {
+                        field: unfoldInfo.encodingColor,
+                        scale: 'color'
+                    };
+                }
+                return result;
+            };
+        const funnelStyle = (spec)=>{
+            const result = {
+                ...spec,
+                funnel: {
+                    style: {}
+                }
+            };
+            return {
+                ...result,
+                funnel: {
+                    style: {
+                        cornerRadius: 4
+                    },
+                    state: {
+                        hover: {
+                            fillOpacity: 0.6
+                        }
+                    }
+                }
+            };
+        };
         const funnel = [
             initFunnel,
             background_backgroundColor,
             datasetXY,
-            color_color,
+            colorAdapter(color_color, linearColor),
             label_label,
+            colorAdapter(discreteLegend, colorLegend),
+            colorFunnelStyleFill(funnelStyle),
             tooltip_tooltip,
-            discreteLegend,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -7733,17 +7934,18 @@
                 initFunnel,
                 background_backgroundColor,
                 datasetXY,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 label_label,
                 tooltip_tooltip,
-                discreteLegend,
+                colorFunnelStyleFill(funnelStyle),
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea
             ]),
             pivotRowDimensions,
-            pivotColumnDimensions
+            pivotColumnDimensions,
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const funnelSpecPipeline = [
             pivotAdapter_pivotAdapter(funnel, pivotFunnel)
@@ -7754,45 +7956,61 @@
         };
         const encodingForHeatmap = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { dimensions } = advancedVSeed;
-            if (!dimensions) return advancedVSeed;
-            const encoding = vseed.encoding;
-            if (encoding) {
-                const x = encoding.x || [
-                    dimensions[0].id
-                ];
-                const y = encoding.y || [
-                    (dimensions[1] || dimensions[0]).id
-                ];
-                return {
-                    ...advancedVSeed,
-                    encoding: {
-                        x,
-                        y,
-                        ...encoding
-                    }
-                };
-            }
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
-            const mergedEncoding = {
-                x: dimensions.slice(0, 1).map((item)=>item.id),
-                y: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
-                color: dimensions.slice(0).map((item)=>item.id),
-                tooltip: dimensions.map((item)=>item.id),
-                label: [],
-                row: [],
-                column: []
-            };
+            const { measures: vseedMeasures = [] } = vseed;
+            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
+            const dimensions = getBasicDimensions(vseed);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) heatmap_generateDimensionEncoding(dimensions, encoding);
+            else heatmap_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) heatmap_generateMeasureEncoding(measures, encoding);
+            else heatmap_generateDefaultMeasureEncoding(measures, encoding);
             return {
                 ...advancedVSeed,
-                encoding: mergedEncoding
+                encoding
             };
         };
+        const heatmap_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = chunk_QJLMYOTX_i(measures.map((item)=>item.id));
+            encoding.color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const heatmap_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            encoding.y = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.detail = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds;
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const heatmap_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.tooltip = measures.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;
+            return encoding;
+        };
+        const heatmap_generateDimensionEncoding = (dimensions, encoding)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(dimensions.filter((item)=>'yAxis' === item.encoding).map((item)=>item.id));
+            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.x.length) encoding.x = [
+                dimensions[0].id
+            ];
+            if (0 === encoding.y.length) if (dimensions.length > 1) encoding.y = dimensions.slice(1).map((item)=>item.id);
+            else encoding.y = dimensions.slice(0).map((item)=>item.id);
+            if (0 === encoding.color.length) encoding.color = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
+        };
         const heatmapAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            encodingForHeatmap,
             buildMeasures,
             autoDimensions_autoDimensions,
-            encodingForHeatmap,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7814,6 +8032,37 @@
             };
             return result;
         };
+        const colorCellStyleFill = (stylePipe)=>(spec, context)=>{
+                const result = stylePipe(spec, context);
+                const { advancedVSeed } = context;
+                const { datasetReshapeInfo } = advancedVSeed;
+                const { unfoldInfo } = datasetReshapeInfo[0];
+                if (isLinearColor(advancedVSeed)) {
+                    if (result?.cell?.style) result.cell.style.fill = {
+                        field: unfoldInfo.encodingColor,
+                        scale: 'color'
+                    };
+                }
+                return result;
+            };
+        const cellStyle = (spec)=>{
+            const result = {
+                ...spec,
+                cell: {
+                    style: {}
+                }
+            };
+            return {
+                ...result,
+                cell: {
+                    style: {
+                        shape: 'rect',
+                        stroke: '#ffffff',
+                        lineWidth: 1
+                    }
+                }
+            };
+        };
         const initHeatmap = (spec, context)=>{
             const result = {
                 ...spec
@@ -7828,13 +8077,6 @@
             result.seriesField = unfoldInfo.encodingColorId;
             result.valueField = foldInfo.measureValue;
             result.padding = 0;
-            result.cell = {
-                style: {
-                    shape: 'rect',
-                    stroke: '#ffffff',
-                    lineWidth: 1
-                }
-            };
             result.axes = [
                 {
                     type: 'band',
@@ -7859,14 +8101,12 @@
             initHeatmap,
             background_backgroundColor,
             datasetXY,
-            color_color,
+            colorAdapter(color_color, linearColor),
             label_label,
             labelColorInversion,
-            discreteLegend,
+            colorAdapter(discreteLegend, colorLegend),
+            colorCellStyleFill(cellStyle),
             tooltip_tooltip,
-            pointStyle_pointStyle,
-            pointStateDimensionHover,
-            lineStyle_lineStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -7881,21 +8121,20 @@
                 initHeatmap,
                 background_backgroundColor,
                 datasetXY,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 label_label,
                 labelColorInversion,
                 discreteLegend,
                 tooltip_tooltip,
-                pointStyle_pointStyle,
-                pointStateDimensionHover,
-                lineStyle_lineStyle,
+                colorCellStyleFill(cellStyle),
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea
             ]),
             pivotRowDimensions,
-            pivotColumnDimensions
+            pivotColumnDimensions,
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const heatmapSpecPipeline = [
             pivotAdapter_pivotAdapter(heatmap, pivotHeatmap)
@@ -11895,7 +12134,18 @@
                 'dimension',
                 'rowDimension',
                 'columnDimension'
-            ]).default('dimension')
+            ]).default('dimension'),
+            encoding: schemas_enum([
+                'xAxis',
+                'yAxis',
+                'angle',
+                'color',
+                'detail',
+                'tooltip',
+                'label',
+                'row',
+                'column'
+            ]).optional()
         });
         const zDimensionGroup = schemas_object({
             id: schemas_string(),