@visactor/vseed 0.1.15 → 0.1.16

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;
@@ -1040,15 +1060,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 +1355,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 +1370,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 +1419,8 @@
             const { dataset: newDatasets, foldInfo } = foldMeasures(dataset, findAllMeasures(measures), {
                 measureId: FoldMeasureId,
                 measureName: FoldMeasureName,
-                measureValue: FoldMeasureValue
+                measureValue: FoldMeasureValue,
+                allowEmptyFold: false
             });
             const datasetReshapeInfo = [
                 {
@@ -1691,6 +1714,7 @@
         const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType, locale } = vseed;
+            checkVSeed(vseed);
             return {
                 ...advancedVSeed,
                 chartType,
@@ -1700,15 +1724,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 +1761,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)=>({
@@ -1944,8 +1971,6 @@
                 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 +2126,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 +2152,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 +2164,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)
                 });
@@ -2574,12 +2593,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 +2654,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 +2698,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 +2724,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 +2738,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 +2748,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 +3327,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 +3346,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, {
@@ -5196,8 +5228,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 +5243,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 +5257,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 +5267,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 +5312,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 +5358,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,
@@ -6077,10 +6106,8 @@
             };
             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 +6163,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 +6173,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 = [];
@@ -6631,19 +6656,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 +6675,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 +6711,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 +6721,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 +6729,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 +6739,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)
                     });
@@ -7176,7 +7197,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 +7225,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 +7241,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 +7251,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 +7296,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 +7330,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 +7347,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 +7357,7 @@
                 },
                 title: {
                     visible: title?.visible,
-                    text: title?.titleText,
+                    text: title?.titleText || defaultTitleText(measures, dimensions, encoding.y),
                     style: {
                         fill: title?.titleColor,
                         fontSize: title?.titleFontSize,