@visactor/vseed 0.1.15 → 0.1.17

package/dist/umd/index.js

@@ -148,8 +148,8 @@
             registerHeatmap: ()=>registerHeatmap,
             registerBarPercent: ()=>registerBarPercent,
             ColorIdEncoding: ()=>ColorIdEncoding,
+            checkVSeed: ()=>checkVSeed,
             roseSpecPipeline: ()=>roseSpecPipeline,
-            zCrosshairLine: ()=>zCrosshairLine,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
@@ -175,9 +175,9 @@
             isVChart: ()=>isVChart,
             radarSpecPipeline: ()=>radarSpecPipeline,
             Builder: ()=>Builder,
+            zCrosshairLine: ()=>zCrosshairLine,
             zMeasureTree: ()=>zMeasureTree,
             zPieConfig: ()=>zPieConfig,
-            zPivotTable: ()=>zPivotTable,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
@@ -196,18 +196,19 @@
             zAreaConfig: ()=>zAreaConfig,
             zMeasures: ()=>zMeasures,
             isVTable: ()=>isVTable,
+            zPivotTable: ()=>zPivotTable,
             zRadar: ()=>zRadar,
-            zRadarConfig: ()=>zRadarConfig,
             zLine: ()=>zLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
             zFoldInfo: ()=>zFoldInfo,
             zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
             zLinearColor: ()=>zLinearColor,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zRadarConfig: ()=>zRadarConfig,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zUnfoldInfo: ()=>zUnfoldInfo,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             zAnnotationArea: ()=>zAnnotationArea,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             DetailEncoding: ()=>DetailEncoding,
             zRose: ()=>zRose,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
@@ -337,7 +338,7 @@
                 return advancedVSeed;
             } catch (e) {
                 console.error(e);
-                throw new Error("buildAdvanced error, see error info in console");
+                throw new Error(`buildAdvanced error: ${e.message}.\ndetails info in console`);
             } finally{
                 const end = 'undefined' != typeof performance ? performance.now() : Date.now();
                 builder.performance['buildAdvanced'] = `${(end - start).toFixed(4)}ms`;
@@ -346,9 +347,8 @@
         const buildSpec = (builder, advancedVSeed)=>{
             const start = 'undefined' != typeof performance ? performance.now() : Date.now();
             const { chartType } = builder.vseed;
-            if (!chartType) throw new Error('chartType is nil in buildSpec');
             const pipeline = Builder.getSpecPipeline(chartType);
-            if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
+            if (!pipeline) throw new Error(`please invoke registerAll or register ${chartType} before build, no spec pipeline for chartType ${chartType}`);
             const context = {
                 vseed: builder.vseed,
                 advancedVSeed
@@ -360,7 +360,7 @@
                 return spec;
             } catch (e) {
                 console.error(e);
-                throw new Error("buildSpec error, see error info in console");
+                throw new Error(`buildSpec error: ${e.message}.\ndetails info in console`);
             } finally{
                 const end = 'undefined' != typeof performance ? performance.now() : Date.now();
                 builder.performance['buildSpec'] = `${(end - start).toFixed(4)}ms`;
@@ -638,27 +638,79 @@
             static _customSpecPipe = {};
             static _themeMap = {};
         }
+        function chunk_VCYTMP4D_n(e) {
+            return void 0 === e ? !0 : "string" == typeof e || Array.isArray(e) ? 0 === e.length : 0 === Object.keys(e).length;
+        }
+        const checkVSeed = (vseed)=>{
+            const { chartType, dataset, dimensions, measures } = vseed;
+            if (!chartType) throw new Error('chartType is required');
+            if (!dataset || chunk_VCYTMP4D_n(dataset)) throw new Error('dataset is required, and must be an array');
+            if (dimensions && !Array.isArray(dimensions)) throw new Error('dimensions must be an array');
+            if (measures && !Array.isArray(measures)) throw new Error('measures must be an array');
+        };
         const initAdvancedVSeed = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType, locale } = vseed;
+            checkVSeed(vseed);
             return {
                 ...advancedVSeed,
                 chartType,
                 locale: locale || 'zh-CN'
             };
         };
+        function chunk_D6FCK2GA_u(o, n, a) {
+            let t = (r)=>o(r, ...n);
+            return void 0 === a ? t : Object.assign(t, {
+                lazy: a,
+                lazyArgs: n
+            });
+        }
+        function chunk_WIMGWYZL_u(r, n, o) {
+            let a = r.length - n.length;
+            if (0 === a) return r(...n);
+            if (1 === a) return chunk_D6FCK2GA_u(r, n, o);
+            throw new Error("Wrong number of arguments");
+        }
+        function chunk_BCBB46UE_d(...n) {
+            return chunk_WIMGWYZL_u(chunk_BCBB46UE_u, n);
+        }
+        function chunk_BCBB46UE_u(n, o = [], t = []) {
+            if ("function" == typeof n) return n;
+            if ("object" != typeof n || null === n) return structuredClone(n);
+            let r = Object.getPrototypeOf(n);
+            if (!Array.isArray(n) && null !== r && r !== Object.prototype) return structuredClone(n);
+            let e = o.indexOf(n);
+            return -1 !== e ? t[e] : (o.push(n), Array.isArray(n) ? chunk_BCBB46UE_p(n, o, t) : chunk_BCBB46UE_i(n, o, t));
+        }
+        function chunk_BCBB46UE_i(n, o, t) {
+            let r = {};
+            t.push(r);
+            for (let [e, c] of Object.entries(n))r[e] = chunk_BCBB46UE_u(c, o, t);
+            return r;
+        }
+        function chunk_BCBB46UE_p(n, o, t) {
+            let r = [];
+            t.push(r);
+            for (let [e, c] of n.entries())r[e] = chunk_BCBB46UE_u(c, o, t);
+            return r;
+        }
+        const isMeasure = (measure)=>!('children' in measure);
+        const isMeasureGroup = (measure)=>'children' in measure;
+        const isMeasures = (measures)=>measures.every(isMeasure);
         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 {
-                ...advancedVSeed,
-                measures: []
-            };
+            if (measures && measures.length > 0) {
+                const clonedMeasures = chunk_BCBB46UE_d(measures);
+                preorderTraverse(clonedMeasures, (node)=>{
+                    if (isMeasure(node)) node.alias = node.alias || node.id;
+                    return false;
+                });
+                return {
+                    ...advancedVSeed,
+                    measures: clonedMeasures
+                };
+            }
             const top100dataset = dataset.slice(0, 100);
             const sample = top100dataset.reduce((prev, cur)=>({
                     ...prev,
@@ -677,6 +729,8 @@
                 measures: defaultMeasures
             };
         };
+        const isDimension = (dimension)=>!('children' in dimension);
+        const isDimensionGroup = (dimension)=>'children' in dimension;
         const findMeasureById = (measures = [], id)=>{
             if (!measures) return;
             let result;
@@ -718,12 +772,17 @@
             };
             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 result;
+            if (dimensions && dimensions.length > 0) {
+                const clonedDimensions = chunk_BCBB46UE_d(dimensions);
+                preorderTraverse(clonedDimensions, (node)=>{
+                    if (isDimension(node)) node.alias = node.alias || node.id;
+                    return false;
+                });
+                return {
+                    ...advancedVSeed,
+                    dimensions: clonedDimensions
+                };
+            }
             const measures = findAllMeasures(advancedVSeed.measures);
             const top100dataset = dataset.slice(0, 100);
             const sample = top100dataset.reduce((prev, cur)=>({
@@ -751,19 +810,6 @@
                 dataset
             };
         };
-        function chunk_D6FCK2GA_u(o, n, a) {
-            let t = (r)=>o(r, ...n);
-            return void 0 === a ? t : Object.assign(t, {
-                lazy: a,
-                lazyArgs: n
-            });
-        }
-        function chunk_WIMGWYZL_u(r, n, o) {
-            let a = r.length - n.length;
-            if (0 === a) return r(...n);
-            if (1 === a) return chunk_D6FCK2GA_u(r, n, o);
-            throw new Error("Wrong number of arguments");
-        }
         function chunk_2T7K3PFL_i(...e) {
             return chunk_WIMGWYZL_u(chunk_2T7K3PFL_o, e);
         }
@@ -821,29 +867,6 @@
             }
             return r;
         }
-        function chunk_BCBB46UE_d(...n) {
-            return chunk_WIMGWYZL_u(chunk_BCBB46UE_u, n);
-        }
-        function chunk_BCBB46UE_u(n, o = [], t = []) {
-            if ("function" == typeof n) return n;
-            if ("object" != typeof n || null === n) return structuredClone(n);
-            let r = Object.getPrototypeOf(n);
-            if (!Array.isArray(n) && null !== r && r !== Object.prototype) return structuredClone(n);
-            let e = o.indexOf(n);
-            return -1 !== e ? t[e] : (o.push(n), Array.isArray(n) ? chunk_BCBB46UE_p(n, o, t) : chunk_BCBB46UE_i(n, o, t));
-        }
-        function chunk_BCBB46UE_i(n, o, t) {
-            let r = {};
-            t.push(r);
-            for (let [e, c] of Object.entries(n))r[e] = chunk_BCBB46UE_u(c, o, t);
-            return r;
-        }
-        function chunk_BCBB46UE_p(n, o, t) {
-            let r = [];
-            t.push(r);
-            for (let [e, c] of n.entries())r[e] = chunk_BCBB46UE_u(c, o, t);
-            return r;
-        }
         function chunk_SFZGYJFI_t(r) {
             return "string" == typeof r;
         }
@@ -931,9 +954,6 @@
                 }
             };
         };
-        const isMeasure = (measure)=>!('children' in measure);
-        const isMeasureGroup = (measure)=>'children' in measure;
-        const isMeasures = (measures)=>measures.every(isMeasure);
         const dimensionTreeToColumns = (spec, context)=>{
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
@@ -1002,7 +1022,10 @@
                     numFormatterOptions.maximumSignificantDigits = significantDigits;
                 }
             }
-            const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
+            const numFormatter = new Intl.NumberFormat(locale, {
+                ...numFormatterOptions,
+                useGrouping: thousandSeparator
+            });
             return (value)=>{
                 let num = Number(value);
                 let typeSymbol = '';
@@ -1040,15 +1063,13 @@
         };
         const createFormatter = (format, locale)=>createNumFormatter(format, locale);
         const autoFormatter = (value, locale = intl.getLocale())=>autoNumFormatter(value, locale);
-        function chunk_VCYTMP4D_n(e) {
-            return void 0 === e ? !0 : "string" == typeof e || Array.isArray(e) ? 0 === e.length : 0 === Object.keys(e).length;
-        }
         const createFormatterByMeasure = (measure)=>{
             if (!measure) return (v)=>String(v);
-            const { numFormat, format, autoFormat = true } = measure;
+            const { numFormat, format, autoFormat } = measure;
             const formatterFormat = numFormat || format || {};
+            if (true === autoFormat) return autoFormatter;
+            if (chunk_JK3VNB42_n(autoFormat) && chunk_VCYTMP4D_n(formatterFormat)) return autoFormatter;
             if (!chunk_VCYTMP4D_n(formatterFormat)) return createFormatter(formatterFormat);
-            if (autoFormat) return autoFormatter;
             return (v)=>String(v);
         };
         const measureTreeToColumns = (spec, context)=>{
@@ -1337,7 +1358,7 @@
             return o;
         }
         const foldMeasures = (dataset, measures, options)=>{
-            const { measureId, measureName, measureValue, colorMeasureId } = options || {};
+            const { measureId, measureName, measureValue, colorMeasureId, allowEmptyFold = true } = options || {};
             const foldInfo = {
                 measureId,
                 measureName,
@@ -1352,6 +1373,10 @@
                 },
                 foldMap: {}
             };
+            if (!allowEmptyFold && 0 === measures.length) return {
+                dataset,
+                foldInfo
+            };
             const result = new Array(dataset.length * measures.length);
             let index = 0;
             const ids = measures.map((d)=>d.id);
@@ -1397,7 +1422,8 @@
             const { dataset: newDatasets, foldInfo } = foldMeasures(dataset, findAllMeasures(measures), {
                 measureId: FoldMeasureId,
                 measureName: FoldMeasureName,
-                measureValue: FoldMeasureValue
+                measureValue: FoldMeasureValue,
+                allowEmptyFold: false
             });
             const datasetReshapeInfo = [
                 {
@@ -1691,6 +1717,7 @@
         const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType, locale } = vseed;
+            checkVSeed(vseed);
             return {
                 ...advancedVSeed,
                 chartType,
@@ -1700,15 +1727,17 @@
         const default_defaultMeasures_defaultMeasures = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { measures, dataset } = vseed;
-            if (measures && measures.length > 0) return {
-                ...advancedVSeed,
-                measures: chunk_BCBB46UE_d(measures)
-            };
-            if (!dataset) throw new Error('dataset is required');
-            if (0 === dataset.length) return {
-                ...advancedVSeed,
-                measures: []
-            };
+            if (measures && measures.length > 0) {
+                const clonedMeasures = chunk_BCBB46UE_d(measures);
+                preorderTraverse(clonedMeasures, (node)=>{
+                    if (isMeasure(node)) node.alias = node.alias || node.id;
+                    return false;
+                });
+                return {
+                    ...advancedVSeed,
+                    measures: clonedMeasures
+                };
+            }
             const top100dataset = dataset.slice(0, 100);
             const sample = top100dataset.reduce((prev, cur)=>({
                     ...prev,
@@ -1735,10 +1764,11 @@
             const { dimensions, dataset } = vseed;
             if (dimensions && dimensions.length > 0) return {
                 ...result,
-                dimensions: chunk_BCBB46UE_d(dimensions)
+                dimensions: chunk_BCBB46UE_d(dimensions.map((dim)=>({
+                        ...dim,
+                        alias: dim.alias || dim.id
+                    })))
             };
-            if (!dataset) throw new Error('dataset is required');
-            if (0 === dataset.length) return result;
             const measures = findAllMeasures(advancedVSeed.measures);
             const top100dataset = dataset.slice(0, 100);
             const sample = top100dataset.reduce((prev, cur)=>({
@@ -1936,16 +1966,14 @@
             }
             return measureTree;
         };
-        const deleteTooltipAndLabelMeasure = (advancedVSeed)=>{
-            const deleteBy = (measure)=>'tooltip' === measure.encoding || 'label' === measure.encoding;
-            const measureTree = deleteMeasureTreeByCallback(advancedVSeed.measures, deleteBy);
-            return {
-                ...advancedVSeed,
-                measures: measureTree
+        const deleteEncodingForMeasure = (encodingKeys)=>(advancedVSeed)=>{
+                const deleteBy = (measure)=>encodingKeys.includes(measure.encoding);
+                const measureTree = deleteMeasureTreeByCallback(advancedVSeed.measures, deleteBy);
+                return {
+                    ...advancedVSeed,
+                    measures: measureTree
+                };
             };
-        };
-        const isDimension = (dimension)=>!('children' in dimension);
-        const isDimensionGroup = (dimension)=>'children' in dimension;
         const deleteDimensionTreeByCallback = (dimensionTree, callback)=>{
             if (!dimensionTree) return dimensionTree;
             const stack = [
@@ -2101,12 +2129,9 @@
             };
             const { vseed } = context;
             const { dataset, chartType } = vseed;
-            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 { dimensions = [], measures = [], encoding } = advancedVSeed;
             const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(findAllMeasures(measures), (item)=>item.id), encoding, {
-                colorItemAsId: hasEncoding,
+                colorItemAsId: false,
                 colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             return {
@@ -2130,14 +2155,11 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            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 { dimensions = [], measures = [], encoding } = advancedVSeed;
             const measureGroups = [];
             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)=>{
@@ -2145,7 +2167,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,
+                    colorItemAsId: false,
                     foldMeasureValue: `${FoldMeasureValue}${groupId}`,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -2341,7 +2363,6 @@
         };
         const areaConfig = lineConfig;
         const areaPercentConfig = lineConfig;
-        const scatterConfig = lineConfig;
         const barConfig = columnConfig;
         const barParallelConfig = columnConfig;
         const barPercentConfig = columnConfig;
@@ -2391,7 +2412,10 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -2574,12 +2598,23 @@
             result.progressiveThreshold = 8000;
             return result;
         };
+        const defaultTitleText = (measures, dimensions, idList = [])=>{
+            const allMeasures = findAllMeasures(measures);
+            return idList.map((id)=>{
+                const alias = [
+                    ...allMeasures,
+                    ...dimensions
+                ].find((f)=>f.id === id)?.alias || '';
+                return alias;
+            }).join(' & ');
+        };
         const xBand = (spec, context)=>{
             const result = {
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
+            const { measures, dimensions, encoding } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.xAxis;
             if (!result.axes) result.axes = [];
             if (!config) {
@@ -2624,7 +2659,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.x),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -2668,13 +2703,19 @@
             ];
             return result;
         };
+        const createLinearFormat = (value, autoFormat, numFormat, formatter)=>{
+            if (chunk_JK3VNB42_n(autoFormat) && chunk_VCYTMP4D_n(numFormat)) return autoFormatter(value);
+            if (true === autoFormat) return autoFormatter(value);
+            if (!chunk_VCYTMP4D_n(numFormat)) return formatter(value);
+            return String(value);
+        };
         const yLinear = (spec, context)=>{
             const result = {
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
-            const { locale } = advancedVSeed;
+            const { measures, dimensions, encoding } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.yAxis;
             if (!result.axes) result.axes = [];
             if (!config) {
@@ -2688,7 +2729,7 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat = true, numFormat = {} } = config;
+            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
             const formatter = createNumFormatter(numFormat);
             const linearAxis = {
                 visible,
@@ -2702,11 +2743,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>{
-                        if (!chunk_VCYTMP4D_n(numFormat)) return formatter(value);
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return value;
-                    },
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -2716,7 +2753,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -3295,7 +3332,7 @@
             ]);
             return result;
         };
-        const generateMeasureValue = (value, measure, labelAutoFormat = true, numFormat = {})=>{
+        const generateMeasureValue = (value, measure, labelAutoFormat, numFormat = {})=>{
             if (!measure) return value;
             const format = chunk_5S4PYKVY_t(numFormat, measure.numFormat || measure.format);
             const mergedMeasure = {
@@ -3314,7 +3351,7 @@
             return formatter(percentValue);
         };
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedMeasures, encoding, foldInfoList)=>{
-            const { enable, wrap, showValue, showValuePercent, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat = true, numFormat = {} } = label;
+            const { enable, wrap, showValue, showValuePercent, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
             const labelDims = T((vseedDimensions || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
             const labelMeas = T((vseedMeasures || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
             const percentFormat = chunk_5S4PYKVY_t(numFormat, {
@@ -4459,7 +4496,10 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -4830,7 +4870,10 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -4936,7 +4979,10 @@
             ], [
                 encodingForColumn,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5111,7 +5157,10 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5196,8 +5245,8 @@
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
+            const { encoding, dimensions, measures } = advancedVSeed;
             const { chartType } = vseed;
-            const { locale } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.xAxis;
             if (!result.axes) result.axes = [];
             if (!config) {
@@ -5211,8 +5260,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat = true, numFormat = {} } = config;
-            const formatter = createNumFormatter(numFormat, locale);
+            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = config;
+            const formatter = createNumFormatter(numFormat);
             const linearAxis = {
                 visible,
                 type: log ? 'log' : 'linear',
@@ -5225,11 +5274,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>{
-                        if (!chunk_VCYTMP4D_n(numFormat)) return formatter(value);
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return value;
-                    },
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -5239,7 +5284,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.x),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -5284,6 +5329,7 @@
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
+            const { measures, dimensions, encoding } = advancedVSeed;
             const config = advancedVSeed.config?.[chartType]?.yAxis;
             if (!result.axes) result.axes = [];
             if (!config) {
@@ -5329,7 +5375,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -5478,7 +5524,10 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5583,7 +5632,10 @@
             ], [
                 encodingForBar,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5663,7 +5715,10 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5830,7 +5885,10 @@
             ], [
                 encodingForLine,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -5962,6 +6020,7 @@
             if (color.length > 0) encoding.color = [
                 color[0]
             ];
+            encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding).map((item)=>item.id));
             const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
             encoding.label = chunk_QJLMYOTX_i([
                 ...encoding.label || [],
@@ -6071,16 +6130,41 @@
             });
             return scatterMeasuresToMeasureTree(scatterMeasures);
         };
+        const scatterConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const pickedConfig = chunk_2T7K3PFL_i(vseed, [
+                'backgroundColor',
+                'color',
+                'label',
+                'legend',
+                'tooltip',
+                'xAxis',
+                'yAxis',
+                'sizeRange',
+                'size',
+                'crosshairLine'
+            ]);
+            const config = replaceNullToUndefined(pickedConfig);
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...config
+                }
+            };
+            return result;
+        };
         const reshapeWithScatterEncoding = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions, measures, encoding, chartType } = advancedVSeed;
-            if (!measures || !dimensions || !dataset || !encoding) return result;
-            if (0 === measures.length) throw new Error('measures can not be empty');
-            if (measures.length > 2) throw new Error('measures can not be more than 2');
+            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            if (measures.length > 2) throw new Error('measures can not be more than 2 groups in scatter');
             const foldInfoList = [];
             const unfoldInfoList = [];
             const datasets = [];
@@ -6136,8 +6220,7 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions, measures, encoding, chartType } = advancedVSeed;
-            if (!measures || !dimensions || !dataset || !encoding) return result;
+            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
             const measureGroups = [];
             const depth = measureDepth(measures);
             if (3 === depth) measures.forEach((measure)=>{
@@ -6147,8 +6230,7 @@
             const datasetList = [];
             const datasetReshapeInfo = [];
             measureGroups.forEach((measures, index)=>{
-                if (0 === measures.length) throw new Error('measures can not be empty');
-                if (measures.length > 2) throw new Error('measures can not be more than 2');
+                if (measures.length > 2) throw new Error('measures can not be more than 2 groups in scatter');
                 const foldInfoList = [];
                 const unfoldInfoList = [];
                 const datasets = [];
@@ -6212,7 +6294,11 @@
             ], [
                 encodingForScatter,
                 buildMeasuresForScatter,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label',
+                    'size'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -6260,6 +6346,25 @@
                 }
             };
         };
+        const scatterSize = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { chartType, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            if (!baseConfig || !baseConfig.sizeRange && !baseConfig.size) return result;
+            const size = baseConfig.size ?? baseConfig.sizeRange;
+            result.size = {
+                type: 'linear',
+                range: Array.isArray(size) ? size : [
+                    size,
+                    size
+                ]
+            };
+            result.sizeField = encoding?.size?.[0] || void 0;
+            return result;
+        };
         const labelScatter = (spec, context)=>{
             const result = {
                 ...spec
@@ -6413,6 +6518,7 @@
             progressive,
             xLinear,
             yLinear,
+            scatterSize,
             labelScatter,
             tooltipScatter,
             colorAdapter(discreteLegend, colorLegend),
@@ -6438,6 +6544,7 @@
                 progressive,
                 xLinear,
                 yLinear,
+                scatterSize,
                 labelScatter,
                 tooltipScatter,
                 verticalCrosshairLine,
@@ -6631,19 +6738,16 @@
             };
             const { vseed } = context;
             const { dataset } = vseed;
-            const { dimensions, measures, encoding, chartType } = advancedVSeed;
-            if (!measures || !dimensions || !dataset || !encoding) return result;
-            if (0 === measures.length) throw new Error('measures can not be empty');
-            if (measures.length > 2) throw new Error('measures can not be more than 2');
+            const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            if (measures.length > 2) throw new Error('measures can not be more than 2 groups in dualAxis');
             const foldInfoList = [];
             const unfoldInfoList = [];
             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, T(dimensions, (item)=>item.id), T(primaryMeasures.children, (item)=>item.id), encoding, {
-                    colorItemAsId: hasEncoding,
+                    colorItemAsId: false,
                     foldMeasureValue: FoldPrimaryMeasureValue,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -6653,6 +6757,7 @@
             }
             if (secondaryMeasures && secondaryMeasures.children) {
                 const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(secondaryMeasures.children, (item)=>item.id), encoding, {
+                    colorItemAsId: false,
                     foldMeasureValue: FoldSecondaryMeasureValue,
                     colorMeasureId: getColorMeasureId(advancedVSeed)
                 });
@@ -6688,9 +6793,7 @@
             };
             const { vseed } = context;
             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 { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
             const datasetList = [];
             const datasetReshapeInfo = [];
             const measureGroups = [];
@@ -6700,8 +6803,7 @@
             });
             else if (2 === depth) measureGroups.push(measures);
             measureGroups.forEach((measures, index)=>{
-                if (0 === measures.length) throw new Error('measures can not be empty');
-                if (measures.length > 2) throw new Error('measures can not be more than 2');
+                if (measures.length > 2) throw new Error('measures can not be more than 2 groups in dualAxis');
                 const foldInfoList = [];
                 const unfoldInfoList = [];
                 const datasets = [];
@@ -6709,7 +6811,7 @@
                 const secondaryMeasures = measures[1] || [];
                 if (primaryMeasures && primaryMeasures.children) {
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(primaryMeasures.children, (item)=>item.id), encoding, {
-                        colorItemAsId: hasEncoding,
+                        colorItemAsId: false,
                         foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`,
                         colorMeasureId: getColorMeasureId(advancedVSeed)
                     });
@@ -6719,6 +6821,7 @@
                 }
                 if (secondaryMeasures && secondaryMeasures.children) {
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(secondaryMeasures.children, (item)=>item.id), encoding, {
+                        colorItemAsId: false,
                         foldMeasureValue: `${FoldSecondaryMeasureValue}${index}`,
                         colorMeasureId: getColorMeasureId(advancedVSeed)
                     });
@@ -6790,7 +6893,10 @@
             ], [
                 encodingForDualAxis,
                 buildMeasuresForDualAxis,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -7176,7 +7282,7 @@
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
-            const { locale, datasetReshapeInfo } = advancedVSeed;
+            const { datasetReshapeInfo, encoding, measures, dimensions } = advancedVSeed;
             const { index, id: reshapeInfoId, foldInfoList } = datasetReshapeInfo[0];
             const primaryYAxis = advancedVSeed.config?.[chartType]?.primaryYAxis;
             const yAxisConfig = Array.isArray(primaryYAxis) ? primaryYAxis[index] || primaryYAxis[0] : primaryYAxis;
@@ -7204,8 +7310,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat = true, numFormat = {} } = yAxisConfig;
-            const formatter = createNumFormatter(numFormat, locale);
+            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, autoFormat, numFormat = {} } = yAxisConfig;
+            const formatter = createNumFormatter(numFormat);
             const linearAxis = {
                 visible: isEmptySecondary ? false : visible,
                 id,
@@ -7220,11 +7326,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>{
-                        if (!chunk_VCYTMP4D_n(numFormat)) return formatter(value);
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return value;
-                    },
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -7234,7 +7336,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -7279,7 +7381,7 @@
             };
             const { advancedVSeed, vseed } = context;
             const { chartType } = vseed;
-            const { locale, datasetReshapeInfo } = advancedVSeed;
+            const { datasetReshapeInfo, measures, dimensions, encoding } = advancedVSeed;
             const { index, id: reshapeInfoId, foldInfoList } = datasetReshapeInfo[0];
             const secondaryYAxis = advancedVSeed.config?.[chartType]?.secondaryYAxis;
             const yAxisConfig = Array.isArray(secondaryYAxis) ? secondaryYAxis[index] || secondaryYAxis[0] : secondaryYAxis;
@@ -7313,8 +7415,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, numFormat = {}, autoFormat = true } = yAxisConfig;
-            const formatter = createNumFormatter(numFormat, locale);
+            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10, numFormat = {}, autoFormat } = yAxisConfig;
+            const formatter = createNumFormatter(numFormat);
             const linearAxis = {
                 visible: isEmptySecondary ? false : visible,
                 id,
@@ -7330,11 +7432,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>{
-                        if (!chunk_VCYTMP4D_n(numFormat)) return formatter(value);
-                        if (autoFormat) return autoFormatter(value, locale);
-                        return value;
-                    },
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -7344,7 +7442,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -7581,7 +7679,10 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -7708,7 +7809,10 @@
             ], [
                 encodingForPie,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -7866,7 +7970,10 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -8075,7 +8182,10 @@
             ], [
                 encodingForRose,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -8264,7 +8374,10 @@
             ], [
                 encodingForRadar,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -8478,7 +8591,10 @@
             ], [
                 encodingForFunnel,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -8681,7 +8797,10 @@
             ], [
                 encodingForHeatmap,
                 buildMeasures,
-                deleteTooltipAndLabelMeasure,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label'
+                ]),
                 deleteTooltipAndLabelDimension
             ]),
             pivotAdapter([
@@ -13021,14 +13140,26 @@
         const zMeasureTree = schemas_array(zMeasureGroup.or(zMeasure));
         const zDualMeasure = schemas_object({
             id: schemas_string(),
-            primaryMeasures: schemas_array(zMeasure).or(zMeasure).optional(),
+            primaryMeasures: schemas_array(zMeasure.omit({
+                encoding: true,
+                parentId: true
+            })).or(zMeasure.omit({
+                parentId: true,
+                encoding: true
+            })).optional(),
             secondaryMeasures: schemas_array(zMeasure).or(zMeasure).optional()
         });
         const zDualMeasures = schemas_array(zDualMeasure);
         const zScatterMeasure = schemas_object({
             id: schemas_string(),
-            xMeasures: schemas_array(zMeasure).or(zMeasure).optional(),
-            yMeasures: schemas_array(zMeasure).or(zMeasure).optional()
+            xMeasures: schemas_array(zMeasure.omit({
+                parentId: true,
+                encoding: true
+            })).or(zMeasure).optional(),
+            yMeasures: schemas_array(zMeasure.omit({
+                parentId: true,
+                encoding: true
+            })).or(zMeasure).optional()
         });
         const zScatterMeasures = schemas_array(zScatterMeasure);
         const zFoldInfo = schemas_object({
@@ -14074,6 +14205,8 @@
             measures: zMeasureTree.nullish(),
             scatterMeasures: zScatterMeasures.nullish(),
             backgroundColor: zBackgroundColor.nullish(),
+            size: schemas_number().or(schemas_array(schemas_number())).nullish(),
+            sizeRange: schemas_number().or(schemas_array(schemas_number())).nullish(),
             color: zColor.nullish(),
             label: zLabel.nullish(),
             legend: zLegend.nullish(),