@visactor/vseed 0.1.14 → 0.1.16

package/dist/umd/index.js

@@ -106,6 +106,7 @@
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             zLabel: ()=>zLabel,
             registerColumn: ()=>registerColumn,
+            createFormatterByMeasure: ()=>createFormatterByMeasure,
             findAllMeasures: ()=>findAllMeasures,
             funnelSpecPipeline: ()=>funnelSpecPipeline,
             isDimensionSelector: ()=>isDimensionSelector,
@@ -147,8 +148,8 @@
             registerHeatmap: ()=>registerHeatmap,
             registerBarPercent: ()=>registerBarPercent,
             ColorIdEncoding: ()=>ColorIdEncoding,
+            checkVSeed: ()=>checkVSeed,
             roseSpecPipeline: ()=>roseSpecPipeline,
-            zCrosshairLine: ()=>zCrosshairLine,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
@@ -174,9 +175,9 @@
             isVChart: ()=>isVChart,
             radarSpecPipeline: ()=>radarSpecPipeline,
             Builder: ()=>Builder,
+            zCrosshairLine: ()=>zCrosshairLine,
             zMeasureTree: ()=>zMeasureTree,
             zPieConfig: ()=>zPieConfig,
-            zPivotTable: ()=>zPivotTable,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
@@ -193,9 +194,9 @@
             darkTheme: ()=>darkTheme,
             createNumFormatter: ()=>createNumFormatter,
             zAreaConfig: ()=>zAreaConfig,
-            zAxis: ()=>zAxis,
-            isVTable: ()=>isVTable,
             zMeasures: ()=>zMeasures,
+            isVTable: ()=>isVTable,
+            zPivotTable: ()=>zPivotTable,
             zRadar: ()=>zRadar,
             zLine: ()=>zLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
@@ -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;
@@ -982,9 +1002,6 @@
             });
             return result || [];
         };
-        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 createNumFormatter = (format, locale = intl.getLocale())=>{
             const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
             const numFormatterOptions = {
@@ -1041,11 +1058,19 @@
             });
             return numFormatter.format(Number(value));
         };
-        const createFormatter = (format)=>createNumFormatter(format);
-        const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
+        const createFormatter = (format, locale)=>createNumFormatter(format, locale);
+        const autoFormatter = (value, locale = intl.getLocale())=>autoNumFormatter(value, locale);
+        const createFormatterByMeasure = (measure)=>{
+            if (!measure) return (v)=>String(v);
+            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);
+            return (v)=>String(v);
+        };
         const measureTreeToColumns = (spec, context)=>{
             const { advancedVSeed } = context;
-            const { locale } = advancedVSeed;
             const measures = advancedVSeed.measures;
             const result = {
                 ...spec
@@ -1053,7 +1078,7 @@
             const eachNode = (node)=>{
                 if (isMeasure(node)) return {
                     width: 'auto',
-                    fieldFormat: fieldFormat(node, locale)
+                    fieldFormat: fieldFormat(node)
                 };
                 return {};
             };
@@ -1066,15 +1091,14 @@
                 ]
             };
         };
-        const fieldFormat = (node, locale)=>(datum)=>{
-                const { format = {}, autoFormat = true, id } = node;
+        const fieldFormat = (node)=>{
+            const formatter = createFormatterByMeasure(node);
+            return (datum)=>{
+                const { id } = node;
                 const value = datum[id];
-                if (!chunk_VCYTMP4D_n(format)) {
-                    const formatter = createFormatter(format);
-                    return formatter(value);
-                }
-                if (autoFormat) return autoFormatter(value, locale);
+                return formatter(value);
             };
+        };
         const measuresToColumns_treeTreeToColumns = (tree, callback)=>{
             const result = tree.map((item)=>{
                 if ('children' in item && Array.isArray(item.children)) {
@@ -1331,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,
@@ -1346,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);
@@ -1391,7 +1419,8 @@
             const { dataset: newDatasets, foldInfo } = foldMeasures(dataset, findAllMeasures(measures), {
                 measureId: FoldMeasureId,
                 measureName: FoldMeasureName,
-                measureValue: FoldMeasureValue
+                measureValue: FoldMeasureValue,
+                allowEmptyFold: false
             });
             const datasetReshapeInfo = [
                 {
@@ -1515,7 +1544,7 @@
         };
         const pivotIndicators = (spec, context)=>{
             const { advancedVSeed } = context;
-            const { locale, measures, datasetReshapeInfo } = advancedVSeed;
+            const { measures, datasetReshapeInfo } = advancedVSeed;
             const { foldInfo } = datasetReshapeInfo[0];
             return {
                 ...spec,
@@ -1528,25 +1557,20 @@
                         indicatorKey: foldInfo.measureValue,
                         title: 'indicator',
                         width: 'auto',
-                        format: pivotIndicators_fieldFormat(measures, foldInfo, locale)
+                        format: pivotIndicators_fieldFormat(measures, foldInfo)
                     }
                 ]
             };
         };
-        const pivotIndicators_fieldFormat = (measures, foldInfo, locale)=>(value, col, row, table)=>{
+        const pivotIndicators_fieldFormat = (measures, foldInfo)=>(value, col, row, table)=>{
                 if (!chunk_6GTAPB47_e(col) || !chunk_6GTAPB47_e(row) || !table) return value;
                 const datum = table.getCellOriginRecord(col, row);
                 if (!datum[0]) return value;
                 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);
-                    return formatter(value);
-                }
-                if (autoFormat) return autoFormatter(value, locale);
+                const measure = findMeasureById(measures, measureId);
+                const formatter = createFormatterByMeasure(measure);
+                return formatter(value);
             };
         const rowHeaderStyle = (spec, context)=>{
             const result = {
@@ -1690,6 +1714,7 @@
         const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType, locale } = vseed;
+            checkVSeed(vseed);
             return {
                 ...advancedVSeed,
                 chartType,
@@ -1699,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,
@@ -1734,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)=>({
@@ -1943,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 = [
@@ -2100,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 {
@@ -2129,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)=>{
@@ -2144,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)
                 });
@@ -2573,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) {
@@ -2623,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,
@@ -2667,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) {
@@ -2687,7 +2724,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = 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,
                 type: log ? 'log' : 'linear',
@@ -2700,7 +2738,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>autoFormatter(value, locale),
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -2710,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,
@@ -3278,31 +3316,58 @@
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
-            const { measures, datasetReshapeInfo } = advancedVSeed;
+            const { datasetReshapeInfo } = advancedVSeed;
             const { chartType, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
+            const foldInfo = datasetReshapeInfo[0].foldInfo;
             if (!baseConfig || chunk_VCYTMP4D_n(baseConfig.label)) return result;
-            const { measureId, measureValue, statistics } = datasetReshapeInfo[0].foldInfo;
             const { label } = baseConfig;
-            const { enable, wrap, showValue, showValuePercent, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat = true, numFormat = {} } = label;
-            const labelDims = T((vseed.dimensions || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
-            const labelMeas = T((vseed.measures || []).filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
+            result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.measures, encoding, [
+                foldInfo
+            ]);
+            return result;
+        };
+        const generateMeasureValue = (value, measure, labelAutoFormat, numFormat = {})=>{
+            if (!measure) return value;
+            const format = chunk_5S4PYKVY_t(numFormat, measure.numFormat || measure.format);
+            const mergedMeasure = {
+                ...measure,
+                numFormat: format,
+                autoFormat: labelAutoFormat || measure.autoFormat
+            };
+            const formatter = createFormatterByMeasure(mergedMeasure);
+            return formatter(value);
+        };
+        const generateMeasurePercent = (value, sum, formatter)=>{
+            if (null == value) return String(value);
+            const num = Number(value);
+            if (Number.isNaN(num)) return String(value);
+            const percentValue = num / sum;
+            return formatter(percentValue);
+        };
+        const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedMeasures, encoding, foldInfoList)=>{
+            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, {
                 type: 'percent'
             });
             const percentFormatter = createFormatter(percentFormat);
-            result.label = {
+            const result = {
                 visible: enable,
                 formatMethod: (_, datum)=>{
                     const result = [];
                     const dimLabels = labelDims.map((item)=>item.alias || item.id);
                     const meaLabels = labelMeas.map((item)=>generateMeasureValue(datum[item.id], item, autoFormat, numFormat));
-                    const measure = findMeasureById(measures, datum[measureId]);
-                    const measureValueLabel = generateMeasureValue(datum[measureValue], measure, autoFormat, numFormat);
-                    const measurePercentLabel = generateMeasurePercent(datum[measureValue], statistics.sum, percentFormatter);
                     result.push(...dimLabels);
-                    if (showValue) result.push(measureValueLabel);
-                    if (showValuePercent) result.push(measurePercentLabel);
+                    foldInfoList.forEach((foldInfo)=>{
+                        const { measureId, measureValue, statistics } = foldInfo;
+                        const measure = findMeasureById(advancedVSeedMeasures, datum[measureId]);
+                        const measureValueLabel = generateMeasureValue(datum[measureValue], measure, autoFormat, numFormat);
+                        const measurePercentLabel = generateMeasurePercent(datum[measureValue], statistics.sum, percentFormatter);
+                        if (showValue) result.push(measureValueLabel);
+                        if (showValuePercent) result.push(measurePercentLabel);
+                    });
                     result.push(...meaLabels);
                     if (wrap) return result;
                     return result.join(' ');
@@ -3316,36 +3381,18 @@
                 },
                 smartInvert: labelColorSmartInvert
             };
-            if (labelOverlap) result.label.overlap = {
+            if (labelOverlap) result.overlap = {
                 hideOnHit: true,
                 clampForce: true
             };
             return result;
         };
-        const generateMeasureValue = (value, measure, labelAutoFormat = true, numFormat = {})=>{
-            if (!measure) return value;
-            const format = chunk_5S4PYKVY_t(numFormat, measure.format);
-            const autoFormat = labelAutoFormat || measure.autoFormat;
-            if (!chunk_VCYTMP4D_n(format)) {
-                const formatter = createFormatter(format);
-                return formatter(value);
-            }
-            if (autoFormat) return autoFormatter(value, intl.getLocale());
-            return String(value);
-        };
-        const generateMeasurePercent = (value, sum, formatter)=>{
-            if (null == value) return String(value);
-            const num = Number(value);
-            if (Number.isNaN(num)) return String(value);
-            const percentValue = num / sum;
-            return formatter(percentValue);
-        };
         const tooltip_tooltip = (spec, context)=>{
             const result = {
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
-            const { measures, datasetReshapeInfo, chartType, locale, dimensions, encoding } = advancedVSeed;
+            const { measures, datasetReshapeInfo, chartType, dimensions, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             const { tooltip = {
                 enable: true
@@ -3358,18 +3405,18 @@
                     title: {
                         visible: false
                     },
-                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), locale, foldInfo, unfoldInfo)
+                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), foldInfo, unfoldInfo)
                 },
                 dimension: {
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfo, unfoldInfo, locale)
+                    content: createDimensionContent(measures, foldInfo, unfoldInfo)
                 }
             };
             return result;
         };
-        const createDimensionContent = (measures, foldInfo, unfoldInfo, locale)=>{
+        const createDimensionContent = (measures, foldInfo, unfoldInfo)=>{
             const { measureId, measureValue } = foldInfo;
             const { encodingColor } = unfoldInfo;
             return [
@@ -3387,19 +3434,13 @@
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }
             ];
         };
-        const createMarkContent = (tooltip, dimensions, measures, locale, foldInfo, unfoldInfo)=>{
+        const createMarkContent = (tooltip, dimensions, measures, foldInfo, unfoldInfo)=>{
             const dims = C(dimensions.filter((item)=>tooltip.includes(item.id)), T((item)=>item.id), T((item)=>item.alias));
             const meas = C(measures.filter((item)=>tooltip.includes(item.id)), T((item)=>item.id), T((item)=>item.alias));
             const dimContent = dims.map((item)=>({
@@ -3429,14 +3470,8 @@
                         const originalData = datum[ORIGINAL_DATA];
                         const value = originalData[id];
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }));
             const defaultContent = {
@@ -3457,13 +3492,8 @@
                     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);
+                    const formatter = createFormatterByMeasure(measure);
+                    return formatter(value);
                 }
             };
             return [
@@ -5198,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) {
@@ -5213,7 +5243,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = 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,
                 type: log ? 'log' : 'linear',
@@ -5226,7 +5257,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>autoFormatter(value, locale),
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -5236,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,
@@ -5281,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) {
@@ -5326,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,
@@ -6074,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 = [];
@@ -6133,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)=>{
@@ -6144,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 = [];
@@ -6257,6 +6285,20 @@
                 }
             };
         };
+        const labelScatter = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { datasetReshapeInfo } = advancedVSeed;
+            const { chartType, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            if (!baseConfig || chunk_VCYTMP4D_n(baseConfig.label)) return result;
+            const foldInfoList = datasetReshapeInfo[0].foldInfoList;
+            const { label } = baseConfig;
+            result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.measures, encoding, foldInfoList);
+            return result;
+        };
         const tooltipScatter = (spec, context)=>{
             const result = {
                 ...spec
@@ -6313,14 +6355,8 @@
                         const originalData = datum[ORIGINAL_DATA];
                         const value = originalData[id];
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }));
             const foldMeaContent = foldInfoList.map((foldInfo)=>({
@@ -6340,14 +6376,8 @@
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }));
             return [
@@ -6408,7 +6438,7 @@
             progressive,
             xLinear,
             yLinear,
-            label_label,
+            labelScatter,
             tooltipScatter,
             colorAdapter(discreteLegend, colorLegend),
             verticalCrosshairLine,
@@ -6433,7 +6463,7 @@
                 progressive,
                 xLinear,
                 yLinear,
-                label_label,
+                labelScatter,
                 tooltipScatter,
                 verticalCrosshairLine,
                 horizontalCrosshairLine,
@@ -6626,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)
                 });
@@ -6648,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)
                 });
@@ -6683,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 = [];
@@ -6695,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 = [];
@@ -6704,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)
                     });
@@ -6714,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)
                     });
@@ -6819,6 +6845,7 @@
             const result = {
                 type: 'common',
                 padding: 0,
+                labelLayout: 'region',
                 region: [
                     {
                         clip: true
@@ -7074,71 +7101,33 @@
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, locale } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { datasetReshapeInfo, encoding } = advancedVSeed;
             const { chartType } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.label) return result;
             const foldInfoList = datasetReshapeInfo[0].foldInfoList;
-            const { measureId, measureValue } = foldInfoList[0];
-            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(' ');
-                }
-            };
+            result.label = buildLabel(baseConfig.label, vseed.measures, vseed.dimensions, advancedVSeed.measures, encoding, [
+                foldInfoList[0]
+            ]);
+            result.label.zIndex = 1002;
             return result;
         };
         const labelSecondary = (spec, context)=>{
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, locale } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { datasetReshapeInfo, encoding } = advancedVSeed;
             const { chartType } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             if (!baseConfig || !baseConfig.label) return result;
             if (chunk_JK3VNB42_n(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
             const foldInfoList = datasetReshapeInfo[0].foldInfoList;
-            const { measureId, measureValue } = foldInfoList[1];
-            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(' ');
-                }
-            };
+            result.label = buildLabel(baseConfig.label, vseed.measures, vseed.dimensions, advancedVSeed.measures, encoding, [
+                foldInfoList[1]
+            ]);
+            result.label.zIndex = 1002;
             return result;
         };
         const tooltipPrimary = (spec, context)=>{
@@ -7146,7 +7135,7 @@
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
-            const { measures, datasetReshapeInfo, chartType, locale, dimensions, encoding } = advancedVSeed;
+            const { measures, datasetReshapeInfo, chartType, dimensions, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             const { tooltip = {
                 enable: true
@@ -7160,13 +7149,13 @@
                     title: {
                         visible: false
                     },
-                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), locale, foldInfoList[0], unfoldInfo)
+                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), foldInfoList[0], unfoldInfo)
                 },
                 dimension: {
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[0], unfoldInfo, locale)
+                    content: createDimensionContent(measures, foldInfoList[0], unfoldInfo)
                 }
             };
             return result;
@@ -7176,7 +7165,7 @@
                 ...spec
             };
             const { advancedVSeed, vseed } = context;
-            const { measures, datasetReshapeInfo, chartType, locale, dimensions, encoding } = advancedVSeed;
+            const { measures, datasetReshapeInfo, chartType, dimensions, encoding } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             const { tooltip = {
                 enable: true
@@ -7191,13 +7180,13 @@
                     title: {
                         visible: false
                     },
-                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), locale, foldInfoList[1], unfoldInfo)
+                    content: createMarkContent(encoding.tooltip || [], dimensions, findAllMeasures(vseed.measures), foldInfoList[1], unfoldInfo)
                 },
                 dimension: {
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[1], unfoldInfo, locale)
+                    content: createDimensionContent(measures, foldInfoList[1], unfoldInfo)
                 }
             };
             return result;
@@ -7208,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;
@@ -7236,7 +7225,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = yAxisConfig;
+            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,
@@ -7251,7 +7241,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>autoFormatter(value, locale),
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -7261,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,
@@ -7306,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;
@@ -7340,7 +7330,8 @@
                 ];
                 return result;
             }
-            const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = yAxisConfig;
+            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,
@@ -7356,7 +7347,7 @@
                 min,
                 label: {
                     visible: label?.visible,
-                    formatMethod: (value)=>autoFormatter(value, locale),
+                    formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
                         fill: label?.labelColor,
                         angle: label?.labelAngle,
@@ -7366,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,
@@ -8717,16 +8708,6 @@
             markStyle_markStyle,
             annotation_annotation
         ];
-        const labelColorInversion = (spec)=>{
-            const result = {
-                ...spec
-            };
-            if (result.label) result.label.smartInvert = true;
-            else result.label = {
-                smartInvert: true
-            };
-            return result;
-        };
         const colorCellStyleFill = (stylePipe)=>(spec, context)=>{
                 const result = stylePipe(spec, context);
                 const { advancedVSeed } = context;
@@ -8814,14 +8795,8 @@
                         const originalData = datum[ORIGINAL_DATA];
                         const value = originalData[id];
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }));
             const foldMeaContent = [
@@ -8843,14 +8818,8 @@
                         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);
+                        const formatter = createFormatterByMeasure(measure);
+                        return formatter(value);
                     }
                 }));
             return [
@@ -8899,7 +8868,6 @@
             datasetXY,
             colorAdapter(color_color, linearColor),
             label_label,
-            labelColorInversion,
             colorAdapter(discreteLegend, colorLegend),
             colorCellStyleFill(cellStyle),
             tooltipHeatmap,
@@ -8919,7 +8887,6 @@
                 datasetXY,
                 colorAdapter(color_color, linearColor),
                 label_label,
-                labelColorInversion,
                 discreteLegend,
                 tooltipHeatmap,
                 colorCellStyleFill(cellStyle),
@@ -9139,7 +9106,12 @@
                     columnPercent: {
                         ...baseConfig,
                         xAxis: bandAxis,
-                        yAxis: linearAxis,
+                        yAxis: {
+                            ...linearAxis,
+                            numFormat: {
+                                type: 'percent'
+                            }
+                        },
                         crosshairRect,
                         stackCornerRadius: [
                             4,
@@ -9174,7 +9146,12 @@
                     },
                     barPercent: {
                         ...baseConfig,
-                        xAxis: linearAxis,
+                        xAxis: {
+                            ...linearAxis,
+                            numFormat: {
+                                type: 'percent'
+                            }
+                        },
                         yAxis: barBandAxis,
                         crosshairRect,
                         stackCornerRadius: [
@@ -9193,7 +9170,12 @@
                     areaPercent: {
                         ...baseConfig,
                         xAxis: bandAxis,
-                        yAxis: linearAxis,
+                        yAxis: {
+                            ...linearAxis,
+                            numFormat: {
+                                type: 'percent'
+                            }
+                        },
                         crosshairLine
                     },
                     scatter: {
@@ -9261,7 +9243,11 @@
                         ...baseConfig
                     },
                     heatmap: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            labelColorSmartInvert: true
+                        }
                     }
                 }
             };
@@ -9586,7 +9572,11 @@
                         ...baseConfig
                     },
                     heatmap: {
-                        ...baseConfig
+                        ...baseConfig,
+                        label: {
+                            ...baseConfig.label,
+                            labelColorSmartInvert: true
+                        }
                     }
                 }
             };
@@ -13015,6 +13005,7 @@
             id: schemas_string(),
             alias: schemas_string().optional(),
             autoFormat: schemas_boolean().default(true),
+            numFormat: zNumFormat["default"]({}),
             format: zNumFormat["default"]({}),
             encoding: schemas_enum([
                 'primaryYAxis',
@@ -13215,6 +13206,7 @@
             log: schemas_boolean().default(false).nullish(),
             logBase: schemas_number().default(10).nullish(),
             inverse: schemas_boolean().default(false).nullish(),
+            numFormat: zNumFormat.nullish(),
             label: schemas_object({
                 visible: schemas_boolean().default(true).nullish(),
                 labelColor: schemas_string().default('#797B85').nullish(),
@@ -13501,56 +13493,6 @@
             funnel: zFunnelConfig.nullish(),
             heatmap: zHeatmapConfig.nullish()
         });
-        const zAxis = schemas_object({
-            visible: schemas_boolean().default(true).nullish(),
-            min: schemas_number().nullish(),
-            max: schemas_number().nullish(),
-            nice: schemas_boolean().default(true).nullish(),
-            zero: schemas_boolean().default(true).nullish(),
-            inverse: schemas_boolean().default(false).nullish(),
-            log: schemas_boolean().default(false).nullish(),
-            logBase: schemas_number().default(10).nullish(),
-            labelAutoHide: schemas_boolean().default(true).nullish(),
-            labelAutoHideGap: schemas_number().default(4).nullish(),
-            labelAutoRotate: schemas_boolean().default(true).nullish(),
-            labelAutoRotateAngleRange: schemas_array(schemas_number()).default([
-                0,
-                -45,
-                -90
-            ]).nullish(),
-            labelAutoLimit: schemas_boolean().default(true).nullish(),
-            labelAutoLimitLength: schemas_number().default(100).nullish(),
-            label: schemas_object({
-                visible: schemas_boolean().default(true).nullish(),
-                labelColor: schemas_string().default('#797B85').nullish(),
-                labelFontSize: schemas_number().default(12).nullish(),
-                labelFontWeight: schemas_number().default(400).nullish(),
-                labelAngle: schemas_number().default(0).nullish()
-            }).nullish(),
-            line: schemas_object({
-                visible: schemas_boolean().default(true).nullish(),
-                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
-                lineWidth: schemas_number().default(1).nullish()
-            }).nullish(),
-            tick: schemas_object({
-                visible: schemas_boolean().default(true).nullish(),
-                tickInside: schemas_boolean().default(false).nullish(),
-                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
-                tickSize: schemas_number().default(4).nullish()
-            }).nullish(),
-            title: schemas_object({
-                visible: schemas_boolean().default(false).nullish(),
-                titleText: schemas_string().default('').nullish(),
-                titleColor: schemas_string().default('#646A73').nullish(),
-                titleFontSize: schemas_number().default(12).nullish(),
-                titleFontWeight: schemas_number().default(400).nullish()
-            }).nullish(),
-            grid: schemas_object({
-                visible: schemas_boolean().default(false).nullish(),
-                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
-                gridWidth: schemas_number().default(0.5).nullish()
-            }).nullish()
-        });
         const zCustomThemeConfig = schemas_object({
             config: zConfig.nullish()
         });