@visactor/vseed 0.1.4 → 0.1.6

package/dist/umd/index.js

@@ -514,7 +514,8 @@
                     void 0
                 ].includes(key)).map((measure)=>({
                     id: measure,
-                    alias: measure
+                    alias: measure,
+                    encoding: 'column'
                 }));
             return result;
         };
@@ -598,7 +599,7 @@
                 ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
                     id: dim,
                     alias: dim,
-                    location: 'dimension'
+                    encoding: 'column'
                 }));
             return result;
         };
@@ -1118,10 +1119,27 @@
                     void 0
                 ].includes(key)).map((measure)=>({
                     id: measure,
-                    alias: measure
+                    alias: measure,
+                    encoding: 'detail'
                 }));
             return result;
         };
+        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 findAllDimensions = (dimensions = [])=>{
             if (!dimensions) return [];
             const result = [];
@@ -1138,15 +1156,21 @@
             const { vseed } = context;
             const { dimensions, dataset } = vseed;
             const measures = findAllMeasures(advancedVSeed.measures);
+            const MeaName = {
+                id: MeasureName,
+                alias: intl.i18n`指标名称`
+            };
             if (!dataset) throw new Error('dataset is required');
             if (0 === dataset.length) return result;
             if (dimensions) {
                 const newDimensions = findAllDimensions(dimensions);
+                if (!newDimensions.some((dim)=>dim.id === MeasureName)) newDimensions.push(MeaName);
                 result.dimensions = newDimensions.map((item, index)=>{
+                    if ('row' === item.encoding || 'column' === item.encoding) return item;
                     if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
                     return {
                         ...item,
-                        location: index % 2 === 0 ? 'columnDimension' : 'rowDimension'
+                        encoding: index % 2 === 0 ? 'column' : 'row'
                     };
                 });
                 return result;
@@ -1156,15 +1180,19 @@
                     ...prev,
                     ...cur
                 }), {});
-            let i = 0;
-            result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+            const newDimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
                     '',
                     null,
                     void 0
-                ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+                ].includes(key) && !measures.some((measure)=>measure.id === key));
+            result.dimensions = newDimensions.map((dim)=>({
                     id: dim,
-                    alias: dim,
-                    location: i++ % 2 === 0 ? 'columnDimension' : 'rowDimension'
+                    alias: dim
+                }));
+            result.dimensions.push(MeaName);
+            result.dimensions = result.dimensions.map((dim, index)=>({
+                    ...dim,
+                    encoding: index % 2 === 0 ? 'column' : 'row'
                 }));
             return result;
         };
@@ -1195,11 +1223,110 @@
             };
             return result;
         };
+        function chunk_AIG3BDKO_i(...e) {
+            return chunk_WIMGWYZL_u(chunk_AIG3BDKO_n, e);
+        }
+        var chunk_AIG3BDKO_n = (e, r)=>e.length >= r;
+        function chunk_KI5X74E2_y(...t) {
+            return chunk_WIMGWYZL_u(chunk_KI5X74E2_f, t);
+        }
+        function chunk_KI5X74E2_f(t, e) {
+            if (!chunk_AIG3BDKO_i(e, 1)) return {
+                ...t
+            };
+            if (!chunk_AIG3BDKO_i(e, 2)) {
+                let { [e[0]]: r, ...m } = t;
+                return m;
+            }
+            let o = {
+                ...t
+            };
+            for (let r of e)delete o[r];
+            return o;
+        }
+        const foldMeasures = (dataset, measures, options)=>{
+            const { measureId, measureName, measureValue, colorMeasureId } = options || {};
+            const foldInfo = {
+                measureId,
+                measureName,
+                measureValue,
+                colorRange: [
+                    0,
+                    1
+                ],
+                measureRange: [
+                    0,
+                    1
+                ],
+                foldMap: {}
+            };
+            const result = new Array(dataset.length * measures.length);
+            let index = 0;
+            const ids = measures.map((d)=>d.id);
+            for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
+                const datum = chunk_KI5X74E2_y({
+                    ...dataset[i]
+                }, ids);
+                datum[ORIGINAL_DATA] = dataset[i];
+                const measure = measures[j];
+                const { id, alias } = measure;
+                datum[id] = dataset[i][id];
+                datum[measureId] = id;
+                datum[measureName] = alias || id;
+                datum[measureValue] = dataset[i][id];
+                if (colorMeasureId) {
+                    const value = datum[ORIGINAL_DATA][colorMeasureId];
+                    datum[ColorEncoding] = value;
+                    datum[ColorIdEncoding] = colorMeasureId;
+                    foldInfo.colorRange = [
+                        Math.min(foldInfo.colorRange[0] || 1 / 0, Number(value)),
+                        Math.max(foldInfo.colorRange[1] || -1 / 0, Number(value))
+                    ];
+                }
+                foldInfo.measureRange = [
+                    Math.min(foldInfo.measureRange[0] || 1 / 0, Number(datum[id])),
+                    Math.max(foldInfo.measureRange[1] || -1 / 0, Number(datum[id]))
+                ];
+                foldInfo.foldMap[id] = alias;
+                result[index++] = datum;
+            }
+            return {
+                dataset: result,
+                foldInfo
+            };
+        };
+        const reshapePivotTable = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset, chartType } = vseed;
+            const { dimensions, measures } = advancedVSeed;
+            const { dataset: newDatasets, foldInfo } = foldMeasures(dataset, findAllMeasures(measures), {
+                measureId: FoldMeasureId,
+                measureName: FoldMeasureName,
+                measureValue: FoldMeasureValue
+            });
+            const datasetReshapeInfo = [
+                {
+                    id: String(chartType),
+                    index: 0,
+                    foldInfo
+                }
+            ];
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: datasetReshapeInfo,
+                dimensions,
+                measures
+            };
+        };
         const pivotTableAdvancedPipeline = [
             initAdvancedVSeed,
             autoPivotMeasures,
             autoPivotDimensions,
-            records_records,
+            reshapePivotTable,
             pivotTableConfig,
             theme_theme
         ];
@@ -1246,7 +1373,7 @@
         const pivotColumns = (spec, context)=>{
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
-            const columns = dimensions.filter((item)=>'columnDimension' === item['location']);
+            const columns = dimensions.filter((item)=>'columnDimension' === item['location'] || 'column' === item['encoding']);
             return {
                 ...spec,
                 columns: columns.map((item)=>({
@@ -1259,7 +1386,7 @@
         const pivotRows = (spec, context)=>{
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
-            const rows = dimensions.filter((item)=>'rowDimension' === item['location']);
+            const rows = dimensions.filter((item)=>'rowDimension' === item['location'] || 'row' === item['encoding']);
             return {
                 ...spec,
                 rows: rows.map((item)=>({
@@ -1271,25 +1398,31 @@
         };
         const pivotIndicators = (spec, context)=>{
             const { advancedVSeed } = context;
-            const { locale } = advancedVSeed;
-            const measures = advancedVSeed.measures;
+            const { locale, measures, datasetReshapeInfo } = advancedVSeed;
+            const { foldInfo } = datasetReshapeInfo[0];
             return {
                 ...spec,
                 indicatorsAsCol: true,
                 indicatorTitle: intl.i18n`指标名称`,
-                indicators: measures.map((item)=>{
-                    if (isMeasure(item)) return {
+                hideIndicatorName: true,
+                indicators: [
+                    {
                         cellType: 'text',
-                        indicatorKey: item.id,
-                        title: item.alias || item.id,
+                        indicatorKey: foldInfo.measureValue,
+                        title: 'indicator',
                         width: 'auto',
-                        format: pivotIndicators_fieldFormat(item, locale)
-                    };
-                    return {};
-                })
+                        format: pivotIndicators_fieldFormat(measures, foldInfo, locale)
+                    }
+                ]
             };
         };
-        const pivotIndicators_fieldFormat = (node, locale)=>(value)=>{
+        const pivotIndicators_fieldFormat = (measures, foldInfo, locale)=>(value, col, row, table)=>{
+                if (!chunk_6GTAPB47_e(col) || !chunk_6GTAPB47_e(row) || !table) return value;
+                const datum = table.getCellOriginRecord(col, row);
+                const { measureId: foldMeasureId } = foldInfo;
+                const measureId = datum[0][foldMeasureId];
+                const node = findMeasureById(measures, measureId);
+                if (!node) return value;
                 const { format = {}, autoFormat = true } = node;
                 if (!chunk_VCYTMP4D_n(format)) {
                     const formatter = createFormatter(format);
@@ -1445,95 +1578,81 @@
                 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`指标名称`,
-                encoding: 'detail'
+        const defaultMeasures_defaultMeasures = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { measures, dataset } = vseed;
+            if (measures && measures.length > 0) return {
+                ...advancedVSeed,
+                measures
             };
             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;
-            }
+            if (0 === dataset.length) return {
+                ...advancedVSeed,
+                measures: []
+            };
             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]) && ![
+            const defaultMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
                     '',
                     null,
                     void 0
-                ].includes(key)).map((dim)=>({
-                    id: dim,
-                    alias: dim,
-                    location: 'dimension'
+                ].includes(key)).map((measure)=>({
+                    id: measure,
+                    alias: measure
                 }));
-            basicDimensions.push(MeaName);
-            return basicDimensions;
-        };
-        const getBasicMeasures = (vseed)=>{
-            const { dataset, measures } = vseed;
-            if (!measures || 0 === measures.length) return generateMeasuresByDataset(dataset);
-            return measures;
+            return {
+                ...advancedVSeed,
+                measures: defaultMeasures
+            };
         };
-        const generateMeasuresByDataset = (dataset)=>{
+        const defaultDimensions = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dimensions, dataset } = vseed;
+            if (dimensions && dimensions.length > 0) return {
+                ...result,
+                dimensions
+            };
             if (!dataset) throw new Error('dataset is required');
-            if (0 === dataset.length) return [];
+            if (0 === dataset.length) return result;
+            const measures = findAllMeasures(advancedVSeed.measures);
             const top100dataset = dataset.slice(0, 100);
             const sample = top100dataset.reduce((prev, cur)=>({
                     ...prev,
                     ...cur
                 }), {});
-            const basicMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            const newDimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
                     '',
                     null,
                     void 0
-                ].includes(key)).map((measure)=>({
-                    id: measure,
-                    alias: measure
+                ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+                    id: dim,
+                    alias: dim
                 }));
-            return basicMeasures;
-        };
-        const isMeasureTreeWithChildren = (vseed)=>{
-            const { measures } = vseed;
-            if (!measures) return false;
-            return measures.some((measure)=>'children' in measure);
+            return {
+                ...result,
+                dimensions: newDimensions
+            };
         };
-        const isMeasureTreeWithParentId = (vseed)=>{
-            const { measures } = vseed;
-            if (!measures) return false;
-            return measures.some((measure)=>'parentId' in measure);
+        const defaultMeasureName = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const MeaName = {
+                id: MeasureName,
+                alias: intl.i18n`指标名称`
+            };
+            if (!result.dimensions?.some((dim)=>dim.id === MeasureName)) result.dimensions?.push(MeaName);
+            return result;
         };
-        const encodingForLine = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForLine = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -1546,36 +1665,46 @@
                 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 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.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 || !item.encoding).map((item)=>item.id));
+            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);
+            if (0 === encoding.color.length) encoding.color = [
+                MeasureName
+            ];
+        };
+        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 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 isMeasureTreeWithChildren = (vseed)=>{
+            const { measures } = vseed;
+            if (!measures) return false;
+            return measures.some((measure)=>'children' in measure);
+        };
+        const isMeasureTreeWithParentId = (vseed)=>{
+            const { measures } = vseed;
+            if (!measures) return false;
+            return measures.some((measure)=>'parentId' in measure);
         };
         const measureDepth = (measures = [])=>{
             if (!measures) return 0;
@@ -1635,9 +1764,7 @@
                 advancedVSeed.measures = generateMeasuresByParentId(vseed.measures);
                 return advancedVSeed;
             }
-            const basicMeasures = getBasicMeasures(vseed);
-            if (isPivotChart(vseed)) advancedVSeed.measures = basicMeasuresToMeasureTree(basicMeasures);
-            else advancedVSeed.measures = basicMeasures;
+            if (isPivotChart(vseed)) advancedVSeed.measures = basicMeasuresToMeasureTree(advancedVSeed.measures);
             return advancedVSeed;
         };
         const generateMeasuresByParentId = (measures)=>{
@@ -1668,45 +1795,6 @@
                 }
             ];
         };
-        const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
-            const result = {
-                ...advancedVSeed
-            };
-            const { vseed } = context;
-            const { dimensions, dataset } = vseed;
-            const measures = findAllMeasures(advancedVSeed.measures);
-            const MeaName = {
-                id: MeasureName,
-                alias: intl.i18n`指标名称`
-            };
-            if (!dataset) throw new Error('dataset is required');
-            if (0 === dataset.length) return result;
-            if (dimensions) {
-                result.dimensions = dimensions.map((dim)=>({
-                        location: 'dimension',
-                        ...dim
-                    }));
-                if (result.dimensions.some((dim)=>dim.id === MeasureName)) return result;
-                result.dimensions.push(MeaName);
-                return result;
-            }
-            const top100dataset = dataset.slice(0, 100);
-            const sample = top100dataset.reduce((prev, cur)=>({
-                    ...prev,
-                    ...cur
-                }), {});
-            result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
-                    '',
-                    null,
-                    void 0
-                ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
-                    id: dim,
-                    alias: dim,
-                    location: 'dimension'
-                }));
-            result.dimensions.push(MeaName);
-            return result;
-        };
         const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
@@ -1727,78 +1815,6 @@
                 });
             };
         }
-        function chunk_AIG3BDKO_i(...e) {
-            return chunk_WIMGWYZL_u(chunk_AIG3BDKO_n, e);
-        }
-        var chunk_AIG3BDKO_n = (e, r)=>e.length >= r;
-        function chunk_KI5X74E2_y(...t) {
-            return chunk_WIMGWYZL_u(chunk_KI5X74E2_f, t);
-        }
-        function chunk_KI5X74E2_f(t, e) {
-            if (!chunk_AIG3BDKO_i(e, 1)) return {
-                ...t
-            };
-            if (!chunk_AIG3BDKO_i(e, 2)) {
-                let { [e[0]]: r, ...m } = t;
-                return m;
-            }
-            let o = {
-                ...t
-            };
-            for (let r of e)delete o[r];
-            return o;
-        }
-        const foldMeasures = (dataset, measures, options)=>{
-            const { measureId, measureName, measureValue, colorMeasureId } = options || {};
-            const foldInfo = {
-                measureId,
-                measureName,
-                measureValue,
-                colorRange: [
-                    0,
-                    1
-                ],
-                measureRange: [
-                    0,
-                    1
-                ],
-                foldMap: {}
-            };
-            const result = new Array(dataset.length * measures.length);
-            let index = 0;
-            const ids = measures.map((d)=>d.id);
-            for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
-                const datum = chunk_KI5X74E2_y({
-                    ...dataset[i]
-                }, ids);
-                datum[ORIGINAL_DATA] = dataset[i];
-                const measure = measures[j];
-                const { id, alias } = measure;
-                datum[id] = dataset[i][id];
-                datum[measureId] = id;
-                datum[measureName] = alias || id;
-                datum[measureValue] = dataset[i][id];
-                if (colorMeasureId) {
-                    const value = datum[ORIGINAL_DATA][colorMeasureId];
-                    datum[ColorEncoding] = value;
-                    datum[ColorIdEncoding] = colorMeasureId;
-                    foldInfo.colorRange = [
-                        Math.min(foldInfo.colorRange[0] || 1 / 0, Number(value)),
-                        Math.max(foldInfo.colorRange[1] || -1 / 0, Number(value))
-                    ];
-                }
-                foldInfo.measureRange = [
-                    Math.min(foldInfo.measureRange[0] || 1 / 0, Number(datum[id])),
-                    Math.max(foldInfo.measureRange[1] || -1 / 0, Number(datum[id]))
-                ];
-                foldInfo.foldMap[id] = alias;
-                result[index++] = datum;
-            }
-            return {
-                dataset: result,
-                foldInfo
-            };
-        };
         const unfoldDimensions = (dataset, dimensions, encoding, options)=>{
             const { foldMeasureId, separator, colorItemAsId } = options;
             const unfoldInfo = {
@@ -1893,7 +1909,9 @@
             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 hasEncoding = (vseed.dimensions || []).some((item)=>item.encoding);
             const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(findAllMeasures(measures), (item)=>item.id), encoding, {
+                colorItemAsId: hasEncoding,
                 colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             return {
@@ -1924,6 +1942,7 @@
             if (measures) measures.forEach((measure)=>{
                 if (measure.children && measure.children.length > 0) measureGroups.push(measure);
             });
+            const hasEncoding = (vseed.dimensions || []).some((item)=>item.encoding);
             const datasets = [];
             const datasetReshapeInfo = [];
             measureGroups.forEach((measureGroup, index)=>{
@@ -1931,6 +1950,7 @@
                 if (!measures) return;
                 const groupId = measureGroup.id;
                 const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(measures, (item)=>item.id), encoding, {
+                    colorItemAsId: hasEncoding,
                     foldMeasureValue: `${FoldMeasureValue}${groupId}`,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -2148,9 +2168,11 @@
         };
         const lineAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForLine,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -2497,129 +2519,18 @@
                 domainLine: {
                     visible: line?.visible,
                     style: {
-                        lineWidth: line?.lineWidth,
-                        stroke: line?.lineColor
-                    }
-                },
-                innerOffset: {
-                    top: LINEAR_AXIS_INNER_OFFSET_TOP
-                }
-            };
-            result.axes = [
-                ...result.axes,
-                linearAxis
-            ];
-            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);
-                            }
-                        }
-                    ]
+                        lineWidth: line?.lineWidth,
+                        stroke: line?.lineColor
+                    }
                 },
-                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'
-                        }
-                    ]
+                innerOffset: {
+                    top: LINEAR_AXIS_INNER_OFFSET_TOP
                 }
             };
+            result.axes = [
+                ...result.axes,
+                linearAxis
+            ];
             return result;
         };
         const verticalCrosshairLine = (spec, context)=>{
@@ -3146,6 +3057,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;
@@ -3765,7 +3787,7 @@
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
             if (!dimensions) return result;
-            const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location);
+            const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location || 'row' === dim.encoding);
             const rows = rowDimensions.map((dim)=>({
                     dimensionKey: dim.id,
                     title: dim.alias || dim.id
@@ -3782,17 +3804,132 @@
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
             if (!dimensions) return result;
-            const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location);
+            const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location || 'column' === dim.encoding);
             const columns = columnDimensions.map((dim)=>({
                     dimensionKey: dim.id,
                     title: dim.alias || dim.id
                 }));
             return {
                 ...result,
-                columns: columns
+                columns: columns
+            };
+        };
+        const pivotDiscreteLegend = (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 colorItems = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+            const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+                    ...prev,
+                    ...cur.unfoldInfo.colorIdMap
+                }), {});
+            const { legend, color } = baseConfig;
+            const { colorScheme, colorMapping } = color;
+            const colorSpecified = createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems);
+            const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = 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: 'discrete',
+                orient,
+                position: legendPosition,
+                maxCol: Math.max(1, maxSize),
+                maxRow: Math.max(1, maxSize),
+                data: colorItems.map((d, index)=>{
+                    const color = colorSpecified?.[d] ?? colorScheme?.[index % colorScheme.length];
+                    return {
+                        label: d,
+                        shape: {
+                            outerBorder: border ? {
+                                stroke: color,
+                                distance: 3,
+                                lineWidth: 1
+                            } : void 0,
+                            fill: color
+                        }
+                    };
+                }),
+                item: {
+                    focus: true,
+                    maxWidth: '30%',
+                    focusIconStyle: {
+                        size: labelFontSize + 2,
+                        fill: labelFontColor,
+                        fontWeight: labelFontWeight
+                    },
+                    shape: {
+                        space: border ? 6 : 4,
+                        style: {
+                            symbolType: shapeType,
+                            size: border ? 8 : 10
+                        }
+                    },
+                    label: {
+                        formatMethod: (value)=>colorIdMap[value] ?? value,
+                        style: {
+                            fontSize: labelFontSize,
+                            fill: labelFontColor,
+                            fontWeight: labelFontWeight
+                        }
+                    },
+                    background: {
+                        state: {
+                            selectedHover: {
+                                fill: labelFontColor,
+                                fillOpacity: 0.05
+                            }
+                        }
+                    }
+                }
+            };
+            return {
+                ...result,
+                legends
             };
         };
-        const pivotDiscreteLegend = (spec, context)=>{
+        const pivotColorLegend = (spec, context)=>{
             const result = {
                 ...spec
             };
@@ -3801,15 +3938,11 @@
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.legend) return result;
             const { datasetReshapeInfo } = advancedVSeed;
-            const colorItems = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
-            const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
-                    ...prev,
-                    ...cur.unfoldInfo.colorIdMap
-                }), {});
+            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, colorMapping } = color;
-            const colorSpecified = createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems);
-            const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
+            const { colorScheme, linearColorScheme } = color;
+            const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400 } = legend || {};
             const orient = [
                 'bottom',
                 'bottomLeft',
@@ -3850,55 +3983,31 @@
             ].includes(position) ? 'end' : 'middle';
             const legends = {
                 visible: enable,
-                type: 'discrete',
+                type: 'color',
                 orient,
                 position: legendPosition,
-                maxCol: Math.max(1, maxSize),
-                maxRow: Math.max(1, maxSize),
-                data: colorItems.map((d, index)=>{
-                    const color = colorSpecified?.[d] ?? colorScheme?.[index % colorScheme.length];
-                    return {
-                        label: d,
-                        shape: {
-                            outerBorder: border ? {
-                                stroke: color,
-                                distance: 3,
-                                lineWidth: 1
-                            } : void 0,
-                            fill: color
-                        }
-                    };
-                }),
-                item: {
-                    focus: true,
-                    maxWidth: '30%',
-                    focusIconStyle: {
-                        size: labelFontSize + 2,
+                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
-                    },
-                    shape: {
-                        space: border ? 6 : 4,
-                        style: {
-                            symbolType: shapeType,
-                            size: border ? 8 : 10
-                        }
-                    },
-                    label: {
-                        formatMethod: (value)=>colorIdMap[value] ?? value,
-                        style: {
-                            fontSize: labelFontSize,
-                            fill: labelFontColor,
-                            fontWeight: labelFontWeight
-                        }
-                    },
-                    background: {
-                        state: {
-                            selectedHover: {
-                                fill: labelFontColor,
-                                fillOpacity: 0.05
-                            }
-                        }
                     }
                 }
             };
@@ -3921,13 +4030,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,
@@ -3940,18 +4049,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,
@@ -3959,7 +4068,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const lineSpecPipeline = [
             pivotAdapter_pivotAdapter(line_line, pivotLine)
@@ -3968,11 +4077,9 @@
             Builder._advancedPipelineMap.line = lineAdvancedPipeline;
             Builder._specPipelineMap.line = lineSpecPipeline;
         };
-        const encodingForColumn = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForColumn = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -3985,10 +4092,6 @@
                 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));
@@ -4000,28 +4103,35 @@
             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 || !item.encoding).map((item)=>item.id));
+            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);
+            if (0 === encoding.color.length) encoding.color = [
+                MeasureName
+            ];
+        };
+        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_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 columnAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForColumn,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4324,93 +4434,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,
@@ -4468,9 +4491,11 @@
         };
         const columnParallelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForColumn,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4565,9 +4590,11 @@
         };
         const columnPercentAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForColumn,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -4644,11 +4671,9 @@
             Builder._advancedPipelineMap.columnPercent = columnPercentAdvancedPipeline;
             Builder._specPipelineMap.columnPercent = columnPercentSpecPipeline;
         };
-        const encodingForBar = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForBar = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -4684,13 +4709,15 @@
             return encoding;
         };
         const bar_generateDimensionEncoding = (dimensions, encoding)=>{
-            encoding.y = chunk_QJLMYOTX_i(dimensions.filter((item)=>'yAxis' === item.encoding || !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.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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.y?.includes(item.id)).map((item)=>item.id);
         };
         const sortYBandAxis = (advancedVSeed, context)=>{
@@ -4711,9 +4738,11 @@
         };
         const barAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForBar,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5064,9 +5093,11 @@
         };
         const barParallelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
-            buildMeasures,
-            autoDimensions_autoDimensions,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForBar,
+            buildMeasures,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5160,9 +5191,11 @@
         };
         const barPercentAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
-            buildMeasures,
-            autoDimensions_autoDimensions,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForBar,
+            buildMeasures,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5231,9 +5264,11 @@
         };
         const areaAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
-            encodingForColumn,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
+            encodingForLine,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5389,9 +5424,11 @@
         };
         const areaPercentAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
-            encodingForColumn,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
+            encodingForLine,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -5465,11 +5502,9 @@
             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 encodingForScatter = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -5505,7 +5540,9 @@
         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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
         };
         const buildMeasuresForScatter = (advancedVSeed, context)=>{
@@ -5518,8 +5555,7 @@
                 advancedVSeed.measures = buildMeasuresForScatter_generateMeasuresByParentId(vseed.measures);
                 return advancedVSeed;
             }
-            const basicMeasures = getBasicMeasures(vseed);
-            const scatterMeasures = vseed.scatterMeasures ? vseed.scatterMeasures : basicMeasuresToScatterMeasures(basicMeasures);
+            const scatterMeasures = vseed.scatterMeasures ? vseed.scatterMeasures : basicMeasuresToScatterMeasures(advancedVSeed.measures || []);
             advancedVSeed.measures = scatterMeasuresToMeasureTree(scatterMeasures);
             return advancedVSeed;
         };
@@ -5738,9 +5774,11 @@
         };
         const scatterAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForScatter,
             buildMeasuresForScatter,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithScatterEncoding
             ], [
@@ -5876,7 +5914,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const scatterSpecPipeline = [
             pivotAdapter_pivotAdapter(scatter, pivotScatter)
@@ -5885,11 +5923,9 @@
             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 encodingForDualAxis = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -5925,13 +5961,15 @@
             return encoding;
         };
         const dualAxis_generateDimensionEncoding = (dimensions, encoding)=>{
-            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
+            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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
         };
         const buildMeasuresForDualAxis = (advancedVSeed, context)=>{
@@ -5944,8 +5982,7 @@
                 advancedVSeed.measures = buildMeasuresForDualAxis_generateMeasuresByParentId(vseed.measures);
                 return advancedVSeed;
             }
-            const basicMeasures = getBasicMeasures(vseed);
-            const dualMeasures = vseed.dualMeasures ? vseed.dualMeasures : basicMeasuresToDualMeasures(basicMeasures);
+            const dualMeasures = vseed.dualMeasures ? vseed.dualMeasures : basicMeasuresToDualMeasures(advancedVSeed.measures || []);
             advancedVSeed.measures = dualMeasuresToMeasureTree(dualMeasures);
             return advancedVSeed;
         };
@@ -6049,8 +6086,10 @@
             const datasets = [];
             const primaryMeasures = measures[0];
             const secondaryMeasures = measures[1] || [];
+            const hasEncoding = (vseed.dimensions || []).some((item)=>item.encoding);
             if (primaryMeasures && primaryMeasures.children) {
                 const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, primaryMeasures.children, encoding, {
+                    colorItemAsId: hasEncoding,
                     foldMeasureValue: FoldPrimaryMeasureValue,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -6097,6 +6136,7 @@
             const { dataset } = vseed;
             const { dimensions, measures, encoding, chartType } = advancedVSeed;
             if (!measures || !dimensions || !dataset || !encoding) return result;
+            const hasEncoding = (vseed.dimensions || []).some((item)=>item.encoding);
             const datasetList = [];
             const datasetReshapeInfo = [];
             const measureGroups = [];
@@ -6115,6 +6155,7 @@
                 const secondaryMeasures = measures[1] || [];
                 if (primaryMeasures && primaryMeasures.children) {
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, primaryMeasures.children, encoding, {
+                        colorItemAsId: hasEncoding,
                         foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`,
                         colorMeasureId: getColorMeasureId(advancedVSeed)
                     });
@@ -6183,9 +6224,11 @@
         };
         const dualAxisAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForDualAxis,
             buildMeasuresForDualAxis,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithDualEncoding
             ], [
@@ -7018,11 +7061,9 @@
             Builder._advancedPipelineMap.dualAxis = dualAxisAdvancedPipeline;
             Builder._specPipelineMap.dualAxis = dualAxisSpecPipeline;
         };
-        const encodingForPie = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForPie = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -7057,14 +7098,18 @@
         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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.map((item)=>item.id);
         };
         const pieAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForPie,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7079,44 +7124,70 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { datasetReshapeInfo, dataset } = advancedVSeed;
+            const { datasetReshapeInfo } = advancedVSeed;
             const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+            result.type = 'pie';
+            result.outerRadius = 0.8;
+            result.innerRadius = 0;
+            result.valueField = foldInfo.measureValue;
+            result.categoryField = unfoldInfo.encodingColorId;
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            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;
-            result.type = 'pie';
-            result.outerRadius = 0.8;
-            result.innerRadius = 0;
-            result.valueField = foldInfo.measureValue;
-            result.categoryField = unfoldInfo.encodingColorId;
-            result.padding = 0;
-            result.region = [
-                {
-                    clip: true
+            const result = {
+                ...spec,
+                pie: {
+                    style: {}
                 }
-            ];
-            result.pie = {
-                style: {
-                    stroke: '#ffffff',
-                    lineWidth: showStroke ? 1 : 0,
-                    centerOffset: 0
-                },
-                state: {
-                    hover: {
-                        outerRadius: 1.1 * result.outerRadius
+            };
+            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,
@@ -7129,10 +7200,11 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initPie,
-                color_color,
+                colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
+                colorPieStyleFill(pieStyle),
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -7142,7 +7214,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const pieSpecPipeline = [
             pivotAdapter_pivotAdapter(pie, pivotPie)
@@ -7153,8 +7225,10 @@
         };
         const donutAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             buildMeasures,
-            autoDimensions_autoDimensions,
             encodingForPie,
             pivotAdapter([
                 reshapeWithEncoding
@@ -7170,9 +7244,8 @@
                 ...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;
@@ -7184,29 +7257,19 @@
                     clip: true
                 }
             ];
-            result.pie = {
-                style: {
-                    stroke: '#ffffff',
-                    lineWidth: showStroke ? 1 : 0
-                },
-                state: {
-                    hover: {
-                        outerRadius: 1.1 * result.outerRadius
-                    }
-                }
-            };
             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,
@@ -7219,11 +7282,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,
@@ -7232,7 +7296,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const donutSpecPipeline = [
             pivotAdapter_pivotAdapter(donut, pivotDonut)
@@ -7241,11 +7305,9 @@
             Builder._advancedPipelineMap.donut = donutAdvancedPipeline;
             Builder._specPipelineMap.donut = donutSpecPipeline;
         };
-        const encodingForRose = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForRose = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -7280,20 +7342,24 @@
             if (color.length > 0) encoding.color = color;
         };
         const rose_generateDimensionEncoding = (dimensions, encoding)=>{
-            encoding.angle = chunk_QJLMYOTX_i(dimensions.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
+            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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.angle?.includes(item.id)).map((item)=>item.id);
         };
         const roseAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForRose,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7320,18 +7386,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
@@ -7340,7 +7394,7 @@
             result.animation = true;
             return result;
         };
-        const radiusAxis = (spec, context)=>{
+        const angleAxis = (spec, context)=>{
             const result = {
                 ...spec
             };
@@ -7352,26 +7406,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
             };
@@ -7383,50 +7448,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,
@@ -7437,19 +7531,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)
@@ -7460,9 +7555,11 @@
         };
         const roseParallelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForRose,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7518,15 +7615,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,
@@ -7541,15 +7639,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,
@@ -7557,7 +7656,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
-            pivotDiscreteLegend
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
@@ -7566,11 +7665,9 @@
             Builder._advancedPipelineMap.roseParallel = roseParallelAdvancedPipeline;
             Builder._specPipelineMap.roseParallel = roseParallelSpecPipeline;
         };
-        const encodingForRadar = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForRadar = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -7588,12 +7685,11 @@
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
         };
         const radar_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.color = uniqueDimIds.slice(1);
             encoding.tooltip = uniqueDimIds;
+            encoding.detail = [];
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -7605,20 +7701,23 @@
             if (color.length > 0) encoding.color = color;
         };
         const radar_generateDimensionEncoding = (dimensions, encoding)=>{
-            encoding.angle = chunk_QJLMYOTX_i(dimensions.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
+            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));
+            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);
-            if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.angle?.includes(item.id)).map((item)=>item.id);
+            if (0 === encoding.color.length) encoding.color = [
+                MeasureName
+            ];
         };
         const radarAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForRadar,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7752,11 +7851,9 @@
             Builder._advancedPipelineMap.radar = radarAdvancedPipeline;
             Builder._specPipelineMap.radar = radarSpecPipeline;
         };
-        const encodingForFunnel = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForFunnel = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -7791,14 +7888,18 @@
         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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.map((item)=>item.id);
         };
         const funnelAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForFunnel,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7828,34 +7929,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,
@@ -7870,17 +7992,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)
@@ -7889,11 +8012,9 @@
             Builder._advancedPipelineMap.funnel = funnelAdvancedPipeline;
             Builder._specPipelineMap.funnel = funnelSpecPipeline;
         };
-        const encodingForHeatmap = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { measures: vseedMeasures = [] } = vseed;
-            const measures = vseedMeasures.length ? findAllMeasures(vseedMeasures) : getBasicMeasures(vseed);
-            const dimensions = getBasicDimensions(vseed);
+        const encodingForHeatmap = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
             const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
             const hasMeasureEncoding = measures.some((item)=>item.encoding);
             const encoding = {};
@@ -7938,14 +8059,18 @@
             ];
             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.color.length) encoding.color = [
+                MeasureName
+            ];
             if (0 === encoding.detail.length) encoding.detail = dimensions.filter((item)=>!encoding.x?.includes(item.id)).map((item)=>item.id);
         };
         const heatmapAdvancedPipeline = [
             initAdvancedVSeed_initAdvancedVSeed,
+            defaultMeasures_defaultMeasures,
+            defaultDimensions,
+            defaultMeasureName,
             encodingForHeatmap,
             buildMeasures,
-            autoDimensions_autoDimensions,
             pivotAdapter([
                 reshapeWithEncoding
             ], [
@@ -7967,6 +8092,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
@@ -7981,13 +8137,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',
@@ -8012,14 +8161,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,
@@ -8034,21 +8181,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)
@@ -12115,7 +12261,9 @@
                 'size',
                 'color',
                 'label',
-                'tooltip'
+                'tooltip',
+                'detail',
+                'column'
             ]).optional(),
             parentId: schemas_string().optional()
         });