@visactor/vseed 0.1.42 → 0.1.44

package/dist/umd/index.js

@@ -107,7 +107,7 @@
             zColumnParallel: ()=>zColumnParallel,
             zDimensions: ()=>zDimensions,
             zLegend: ()=>zLegend,
-            LINEAR_AXIS_INNER_OFFSET_TOP: ()=>7,
+            LINEAR_AXIS_INNER_OFFSET_TOP: ()=>12,
             replaceNullToUndefined: ()=>replaceNullToUndefined,
             zHeatmap: ()=>zHeatmap,
             FoldXMeasureId: ()=>FoldXMeasureId,
@@ -174,10 +174,11 @@
             zBackgroundColor: ()=>zBackgroundColor,
             zAreaPercentConfig: ()=>zAreaPercentConfig,
             zLowessRegressionLine: ()=>zLowessRegressionLine,
+            MeasureId: ()=>MeasureId,
             registerRadar: ()=>registerRadar,
-            zMeasure: ()=>zMeasure,
             zLocale: ()=>zLocale,
             isDimension: ()=>isDimension,
+            zMeasure: ()=>zMeasure,
             registerScatter: ()=>registerScatter,
             boxplotSpecPipeline: ()=>boxplotSpecPipeline,
             autoNumFormatter: ()=>autoNumFormatter,
@@ -192,22 +193,24 @@
             zColumnPercent: ()=>zColumnPercent,
             foldMeasures: ()=>foldMeasures,
             zFunnel: ()=>zFunnel,
+            zDimensionEncoding: ()=>zDimensionEncoding,
             isPivotTable: ()=>isPivotTable,
             registerPie: ()=>registerPie,
-            zDimensionEncoding: ()=>zDimensionEncoding,
             zEcdfRegressionLine: ()=>zEcdfRegressionLine,
             zBarParallelConfig: ()=>zBarParallelConfig,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+            AXIS_LABEL_SPACE: ()=>8,
             FoldMeasureValue: ()=>FoldMeasureValue,
             ANNOTATION_Z_INDEX: ()=>1000,
             Q3MeasureValue: ()=>"__Q3__",
             createFormatter: ()=>createFormatter,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
+            BAND_AXIS_INNER_OFFSET_IN_PIVOT: ()=>2,
             isMeasureSelector: ()=>isMeasureSelector,
             areaAdvancedPipeline: ()=>areaAdvancedPipeline,
+            zBarConfig: ()=>zBarConfig,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
             barParallelSpecPipeline: ()=>barParallelSpecPipeline,
-            zBarConfig: ()=>zBarConfig,
             zPie: ()=>zPie,
             zBar: ()=>zBar,
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
@@ -221,6 +224,7 @@
             zFunnelTransform: ()=>zFunnelTransform,
             zLinearRegressionLine: ()=>zLinearRegressionLine,
             zRoseConfig: ()=>zRoseConfig,
+            zBodyCellStyle: ()=>zBodyCellStyle,
             zScatterMeasures: ()=>zScatterMeasures,
             zAnnotation: ()=>zAnnotation,
             selector: ()=>selector_selector,
@@ -505,7 +509,7 @@
                     next: t
                 });
         }
-        const preorderTraverse = (tree, callback)=>{
+        const preorderTraverse = (tree, callback, childrenKey = 'children')=>{
             if (!tree || 0 === tree.length) return;
             const stack = [
                 ...tree
@@ -514,9 +518,8 @@
                 const node = stack.pop();
                 const stop = callback(node);
                 if (true === stop) return;
-                if (!('children' in node)) continue;
-                const children = node.children;
-                if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
+                const children = node[childrenKey];
+                if (Array.isArray(children) && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
                     const child = children[i];
                     stack.push(child);
                 }
@@ -655,7 +658,7 @@
                 }), {});
             return colorItems.map((d)=>({
                     id: d,
-                    alias: colorIdMap[d]
+                    alias: colorIdMap[d]?.alias
                 }));
         };
         const getColorIdMap = (builder)=>{
@@ -891,14 +894,6 @@
                 dimensions: newDimensions
             };
         };
-        const records_records = (advancedVSeed, context)=>{
-            const { vseed } = context;
-            const { dataset } = vseed;
-            return {
-                ...advancedVSeed,
-                dataset
-            };
-        };
         function chunk_2T7K3PFL_i(...e) {
             return chunk_WIMGWYZL_u(chunk_2T7K3PFL_o, e);
         }
@@ -907,6 +902,47 @@
             for (let n of s)n in e && (r[n] = e[n]);
             return r;
         }
+        function chunk_BZNENX2T_r(o) {
+            if ("object" != typeof o || null === o) return !1;
+            let e = Object.getPrototypeOf(o);
+            return null === e || e === Object.prototype;
+        }
+        function chunk_3ZJAREUD_i(...e) {
+            return chunk_WIMGWYZL_u(chunk_3ZJAREUD_o, e);
+        }
+        function chunk_3ZJAREUD_o(e, r) {
+            let a = {};
+            for (let [n, u] of Object.entries(e)){
+                let l = r(u, n, e);
+                a[n] = l;
+            }
+            return a;
+        }
+        const replaceNullToUndefined = (obj)=>{
+            if (null === obj) return;
+            if (Array.isArray(obj)) return obj.map(replaceNullToUndefined);
+            if (chunk_BZNENX2T_r(obj)) return C(obj, chunk_3ZJAREUD_i((value)=>replaceNullToUndefined(value)));
+            return obj;
+        };
+        const cellStyle_cellStyle = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const pickedCellStyle = chunk_2T7K3PFL_i(vseed, [
+                'bodyCellStyle'
+            ]);
+            const style = replaceNullToUndefined(pickedCellStyle);
+            return {
+                ...advancedVSeed,
+                cellStyle: style
+            };
+        };
+        const records_records = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { dataset } = vseed;
+            return {
+                ...advancedVSeed,
+                dataset
+            };
+        };
         const tableConfig_tableConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType } = vseed;
@@ -934,11 +970,6 @@
             };
             return result;
         };
-        function chunk_BZNENX2T_r(o) {
-            if ("object" != typeof o || null === o) return !1;
-            let e = Object.getPrototypeOf(o);
-            return null === e || e === Object.prototype;
-        }
         function D(...e) {
             return chunk_WIMGWYZL_u(chunk_PDQFB3TV_s, e);
         }
@@ -1009,6 +1040,7 @@
             initAdvancedVSeed,
             defaultMeasures_defaultMeasures,
             defaultDimensions,
+            cellStyle_cellStyle,
             records_records,
             tableConfig_tableConfig,
             theme_theme
@@ -1343,6 +1375,170 @@
             };
             return result;
         };
+        const isType_isType = (value, type)=>Object.prototype.toString.call(value) === `[object ${type}]`;
+        const isType = isType_isType;
+        const isArray_isArray = (value)=>Array.isArray ? Array.isArray(value) : isType(value, "Array");
+        const common_isArray = isArray_isArray;
+        const isValid = (value)=>null != value;
+        const common_isValid = isValid;
+        function array_array(arr) {
+            return common_isValid(arr) ? common_isArray(arr) ? arr : [
+                arr
+            ] : [];
+        }
+        function chunk_AIG3BDKO_i(...e) {
+            return chunk_WIMGWYZL_u(chunk_AIG3BDKO_n, e);
+        }
+        var chunk_AIG3BDKO_n = (e, r)=>e.length >= r;
+        function chunk_KI5X74E2_y(...t) {
+            return chunk_WIMGWYZL_u(chunk_KI5X74E2_f, t);
+        }
+        function chunk_KI5X74E2_f(t, e) {
+            if (!chunk_AIG3BDKO_i(e, 1)) return {
+                ...t
+            };
+            if (!chunk_AIG3BDKO_i(e, 2)) {
+                let { [e[0]]: r, ...m } = t;
+                return m;
+            }
+            let o = {
+                ...t
+            };
+            for (let r of e)delete o[r];
+            return o;
+        }
+        const selector_selector = (vchartDatum, selector, selectorMode = 'And')=>{
+            if (!selector) return true;
+            const vchartKeys = Object.keys(vchartDatum).filter((k)=>k.toLocaleLowerCase().startsWith('__vchart'));
+            const datum = chunk_KI5X74E2_y(vchartDatum, vchartKeys);
+            const selectors = Array.isArray(selector) ? selector : [
+                selector
+            ];
+            return selectors['And' === selectorMode ? 'every' : 'some']((selector)=>{
+                if (isValueSelector(selector)) {
+                    if (Object.values(datum).find((v)=>v === selector)) return true;
+                } else if (isMeasureSelector(selector)) {
+                    const op = selector.operator || selector.op;
+                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
+                        selector.value
+                    ];
+                    switch(op){
+                        case '=':
+                            if (String(datum[selector.field]) === String(selectorValueArr[0])) return true;
+                            break;
+                        case '==':
+                            if (datum[selector.field] === selectorValueArr[0]) return true;
+                            break;
+                        case '!=':
+                            if (datum[selector.field] !== selectorValueArr[0]) return true;
+                            break;
+                        case '>':
+                            if (datum[selector.field] > selectorValueArr[0]) return true;
+                            break;
+                        case '<':
+                            if (datum[selector.field] < selectorValueArr[0]) return true;
+                            break;
+                        case '>=':
+                            if (datum[selector.field] >= selectorValueArr[0]) return true;
+                            break;
+                        case '<=':
+                            if (datum[selector.field] <= selectorValueArr[0]) return true;
+                            break;
+                        case 'between':
+                            if (Array.isArray(selector.value) && datum[selector.field] >= selectorValueArr[0] && datum[selector.field] <= selectorValueArr[1]) return true;
+                            break;
+                    }
+                } else if (isDimensionSelector(selector)) {
+                    const op = selector.operator || selector.op;
+                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
+                        selector.value
+                    ];
+                    switch(op){
+                        case 'in':
+                            if (selectorValueArr.includes(datum[selector.field])) return true;
+                            break;
+                        case 'not in':
+                            if (!selectorValueArr.includes(datum[selector.field])) return true;
+                            break;
+                    }
+                } else if (isPartialDatumSelector(selector)) {
+                    if (Object.keys(selector).every((key)=>datum[key] === selector[key])) return true;
+                }
+                return false;
+            });
+        };
+        const isValueSelector = (selector)=>'string' == typeof selector || 'number' == typeof selector;
+        const isPartialDatumSelector = (selector)=>'object' == typeof selector && null !== selector;
+        const isMeasureSelector = (selector)=>'object' == typeof selector && null !== selector && 'field' in selector && ('operator' in selector || 'op' in selector) && 'value' in selector && ([
+                '=',
+                '==',
+                '!=',
+                '>',
+                '<',
+                '>=',
+                '<=',
+                'between'
+            ].includes(selector.operator) || [
+                '=',
+                '==',
+                '!=',
+                '>',
+                '<',
+                '>=',
+                '<=',
+                'between'
+            ].includes(selector.op));
+        const isDimensionSelector = (selector)=>'object' == typeof selector && null !== selector && 'field' in selector && ('operator' in selector || 'op' in selector) && 'value' in selector && ([
+                'in',
+                'not in'
+            ].includes(selector.operator) || [
+                'in',
+                'not in'
+            ].includes(selector.op));
+        const tableStyleMap = {
+            backgroundColor: 'bgColor',
+            textColor: 'color',
+            textFontSize: 'fontSize',
+            borderColor: 'borderColor',
+            borderLineWidth: 'borderLineWidth'
+        };
+        const pickBodyCellStyle = (bodyCellStyle)=>Object.keys(tableStyleMap).reduce((acc, key)=>{
+                if (key in bodyCellStyle) acc[tableStyleMap[key]] = bodyCellStyle[key];
+                return acc;
+            }, {});
+        const tableBodyCell = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { cellStyle } = advancedVSeed;
+            const bodyCellStyle = cellStyle?.bodyCellStyle;
+            if (!bodyCellStyle) return spec;
+            const bodyCellStyleList = array_array(bodyCellStyle);
+            const columns = spec.columns || [];
+            const setStyleOfColumn = (col)=>{
+                const field = col.field;
+                const matchedStyles = bodyCellStyleList.filter((style)=>{
+                    if (chunk_JK3VNB42_n(style.selector)) return true;
+                    const selectors = array_array(style.selector);
+                    return selectors.some((selector)=>chunk_BZNENX2T_r(selector) ? chunk_JK3VNB42_n(selector.field) || selector.field === field : chunk_6GTAPB47_e(selector) || chunk_SFZGYJFI_t(selector));
+                });
+                if (!matchedStyles.length) return false;
+                col.style = (datum)=>{
+                    const originalDatum = {
+                        [field]: datum.dataValue
+                    };
+                    const mergedStyle = matchedStyles.reduce((result, style)=>{
+                        if (selector_selector(originalDatum, style.selector)) return {
+                            ...result,
+                            ...pickBodyCellStyle(style)
+                        };
+                        return result;
+                    }, {});
+                    return mergedStyle;
+                };
+                return false;
+            };
+            preorderTraverse(columns, setStyleOfColumn, 'columns');
+            return spec;
+        };
         const tableSpecPipeline = [
             initTable,
             dimensionTreeToColumns,
@@ -1350,7 +1546,8 @@
             bodyStyle,
             headerStyle,
             frameStyle,
-            selectionStyle
+            selectionStyle,
+            tableBodyCell
         ];
         const registerTable = ()=>{
             Builder._advancedPipelineMap.table = tableAdvancedPipeline;
@@ -1360,6 +1557,7 @@
         const FoldMeasureName = '__MeaName__';
         const FoldMeasureId = '__MeaId__';
         const FoldMeasureValue = '__MeaValue__';
+        const MeasureId = FoldMeasureId;
         const MeasureName = FoldMeasureName;
         const FoldPrimaryMeasureValue = '__MeaPrimaryValue__';
         const FoldSecondaryMeasureValue = '__MeaSecondaryValue__';
@@ -1381,13 +1579,13 @@
         const BinEndMeasureId = '__BinEnd__';
         const BinCountMeasureId = '__BinCount__';
         const BinPercentageMeasureId = '__BinPercentage__';
-        const defaultMeasureName = (advancedVSeed)=>{
+        const defaultMeasureId = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
             };
             const measures = findAllMeasures(advancedVSeed.measures);
             if (measures.length > 1 && !result.dimensions?.some((dim)=>dim.id === MeasureName)) result.dimensions?.push({
-                id: MeasureName,
+                id: MeasureId,
                 alias: intl.i18n`指标名称`,
                 encoding: 'row'
             });
@@ -1439,29 +1637,8 @@
             encoding.tooltip = measures.map((item)=>item.id);
             encoding.detail = chunk_QJLMYOTX_i(measures.filter((item)=>'detail' === item.encoding || !item.encoding).map((item)=>item.id));
         };
-        function chunk_AIG3BDKO_i(...e) {
-            return chunk_WIMGWYZL_u(chunk_AIG3BDKO_n, e);
-        }
-        var chunk_AIG3BDKO_n = (e, r)=>e.length >= r;
-        function chunk_KI5X74E2_y(...t) {
-            return chunk_WIMGWYZL_u(chunk_KI5X74E2_f, t);
-        }
-        function chunk_KI5X74E2_f(t, e) {
-            if (!chunk_AIG3BDKO_i(e, 1)) return {
-                ...t
-            };
-            if (!chunk_AIG3BDKO_i(e, 2)) {
-                let { [e[0]]: r, ...m } = t;
-                return m;
-            }
-            let o = {
-                ...t
-            };
-            for (let r of e)delete o[r];
-            return o;
-        }
         const foldMeasures = (dataset, measures, options)=>{
-            const { measureId, measureName, measureValue, colorMeasureId, allowEmptyFold = true } = options || {};
+            const { measureId, measureName, measureValue, colorMeasureId, allowEmptyFold = true, omitIds = [] } = options || {};
             const foldInfo = {
                 measureId,
                 measureName,
@@ -1486,7 +1663,10 @@
             for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
                 const datum = chunk_KI5X74E2_y({
                     ...dataset[i]
-                }, ids);
+                }, [
+                    ...ids,
+                    ...omitIds
+                ]);
                 datum[ORIGINAL_DATA] = dataset[i];
                 const measure = measures[j];
                 const { id, alias } = measure;
@@ -1574,7 +1754,8 @@
             initAdvancedVSeed,
             defaultMeasures_defaultMeasures,
             defaultDimensions,
-            defaultMeasureName,
+            defaultMeasureId,
+            cellStyle_cellStyle,
             encodingForPivotTable,
             reshapePivotTable,
             pivotTableConfig,
@@ -1639,15 +1820,23 @@
         const pivotRows = (spec, context)=>{
             const { advancedVSeed } = context;
             const dimensions = advancedVSeed.dimensions;
-            const { encoding } = advancedVSeed;
+            const { encoding, measures } = advancedVSeed;
             const rows = dimensions.filter((item)=>encoding.row?.includes(item.id));
+            const allMeasures = findAllMeasures(measures);
             return {
                 ...spec,
-                rows: rows.map((item)=>({
+                rows: rows.map((item)=>{
+                    const res = {
                         dimensionKey: item.id,
                         title: item.alias || item.id,
                         width: 'auto'
-                    }))
+                    };
+                    if (item.id === MeasureId) res.headerFormat = (measureId)=>{
+                        const measure = allMeasures.find((m)=>m.id === measureId);
+                        return measure?.alias ?? measureId;
+                    };
+                    return res;
+                })
             };
         };
         const titleOnDimension = (spec)=>{
@@ -1790,6 +1979,47 @@
             };
             return result;
         };
+        const pivotTableBodyCell = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { cellStyle } = advancedVSeed;
+            const bodyCellStyle = cellStyle?.bodyCellStyle;
+            if (!bodyCellStyle) return spec;
+            const bodyCellStyleList = array_array(bodyCellStyle);
+            const indicators = spec.indicators || [];
+            const newIndicators = indicators.map((ind)=>{
+                const newInd = chunk_SFZGYJFI_t(ind) ? {
+                    indicatorKey: ind
+                } : ind;
+                const { indicatorKey } = newInd;
+                newInd.style = (datum)=>{
+                    const { dataValue, cellHeaderPaths } = datum;
+                    const headerPaths = [
+                        ...cellHeaderPaths.colHeaderPaths,
+                        ...cellHeaderPaths.rowHeaderPaths
+                    ];
+                    const originalDatum = {
+                        [indicatorKey]: dataValue
+                    };
+                    headerPaths.forEach((path)=>{
+                        if (path.dimensionKey) originalDatum[path.dimensionKey] = path.value;
+                    });
+                    if (!chunk_JK3VNB42_n(originalDatum[MeasureId]) && !chunk_JK3VNB42_n(originalDatum[FoldMeasureValue])) originalDatum[originalDatum[MeasureId]] = originalDatum[FoldMeasureValue];
+                    const mergedStyle = bodyCellStyleList.reduce((result, style)=>{
+                        if (selector_selector(originalDatum, style.selector)) return {
+                            ...result,
+                            ...pickBodyCellStyle(style)
+                        };
+                        return result;
+                    }, {});
+                    return mergedStyle;
+                };
+                return newInd;
+            });
+            return {
+                ...spec,
+                indicators: newIndicators
+            };
+        };
         const dataConfig = (spec, context)=>{
             const { advancedVSeed } = context;
             const measures = findAllMeasures(advancedVSeed.measures);
@@ -1817,7 +2047,8 @@
             cornerHeaderStyle,
             frameStyle,
             selectionStyle,
-            dataConfig
+            dataConfig,
+            pivotTableBodyCell
         ];
         const registerPivotTable = ()=>{
             Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
@@ -1897,15 +2128,15 @@
                 dimensions: newDimensions
             };
         };
-        const defaultMeasureName_defaultMeasureName = (advancedVSeed)=>{
+        const defaultMeasureId_defaultMeasureId = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
             };
-            const MeaName = {
-                id: MeasureName,
-                alias: intl.i18n`指标名称`
+            const MeaIdDim = {
+                id: MeasureId,
+                alias: intl.i18n`指标Id`
             };
-            if (!result.dimensions?.some((dim)=>dim.id === MeasureName)) result.dimensions?.push(MeaName);
+            if (!result.dimensions?.some((dim)=>dim.id === MeasureId)) result.dimensions?.push(MeaIdDim);
             return result;
         };
         const encodingAdapter = (noEncodingPipeline, hasEncodingPipeline)=>(advancedVSeed, context)=>{
@@ -1918,10 +2149,10 @@
             };
         const addColorToEncoding = (dimensions, encoding, isMultiMeasure)=>{
             encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
-            const measureName = dimensions.find((item)=>item.id === MeasureName);
-            if (isMultiMeasure && measureName && !measureName.encoding) encoding.color.push(MeasureName);
+            const measureId = dimensions.find((item)=>item.id === MeasureId);
+            if (isMultiMeasure && measureId && !measureId.encoding) encoding.color.push(MeasureId);
             if (0 === encoding.color.length) encoding.color = [
-                MeasureName
+                MeasureId
             ];
         };
         const defaultEncodingForLine = (advancedVSeed)=>{
@@ -1954,7 +2185,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(1);
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.detail = [];
             encoding.label = [];
             encoding.row = [];
@@ -1968,12 +2199,12 @@
             addColorToEncoding(dimensions, encoding, isMultiMeasure);
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
+                MeasureId
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const line_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -2148,7 +2379,7 @@
             };
         }
         const unfoldDimensions = (dataset, dimensions, encoding, options)=>{
-            const { foldMeasureId, separator, colorItemAsId } = options;
+            const { separator } = options;
             const unfoldInfo = {
                 encodingAngle: AngleEncoding,
                 encodingX: XEncoding,
@@ -2175,14 +2406,12 @@
                 applyEncoding(ColorEncoding, colorDimensions, datum, separator);
                 applyEncoding(DetailEncoding, detailDimensions, datum, separator);
                 if (!colorDimensions.length || !datum[ColorEncoding]) continue;
-                const measureId = String(datum[foldMeasureId] ?? '');
-                const colorItem = String(datum[ColorEncoding] ?? '');
-                const colorId = colorItemAsId ? colorItem : measureId ? [
-                    colorItem,
-                    measureId
-                ].join(separator) : colorItem;
+                const colorId = String(datum[ColorEncoding] ?? '');
                 datum[ColorIdEncoding] = colorId;
-                colorIdMap[colorId] = colorItem;
+                colorIdMap[colorId] = {
+                    id: colorId,
+                    alias: getColorAliasItem(ColorEncoding, colorDimensions, datum, separator)
+                };
                 colorItems.add(colorId);
             }
             unfoldInfo.colorItems = Array.from(colorItems);
@@ -2195,13 +2424,21 @@
         const applyEncoding = (encoding, dimensions, datum, separator)=>{
             if (encoding && dimensions.length) datum[encoding] = dimensions.map((dim)=>String(datum[dim.id])).join(separator);
         };
+        const getColorAliasItem = (encoding, dimensions, datum, separator)=>{
+            if (encoding && dimensions.length) return dimensions.map((dim)=>{
+                if (dim.id === MeasureId) return String(datum[MeasureName]);
+                return String(datum[dim.id]);
+            }).join(separator);
+            return '';
+        };
         const dataReshapeByEncoding = (dataset, dimensions, measures, encoding, options)=>{
-            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, colorItemAsId = false, colorMeasureId } = options || {};
+            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, colorItemAsId = false, colorMeasureId, omitIds } = options || {};
             const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, {
                 measureId: foldMeasureId,
                 measureName: foldMeasureName,
                 measureValue: foldMeasureValue,
-                colorMeasureId
+                colorMeasureId,
+                omitIds
             });
             const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dimensions, encoding, {
                 foldMeasureId,
@@ -2267,6 +2504,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { dimensions = [], measures = [], encoding } = advancedVSeed;
+            const allMeasures = findAllMeasures(measures);
             const measureGroups = [];
             if (measures) measures.forEach((measure)=>{
                 if (measure.children && measure.children.length > 0) measureGroups.push(measure);
@@ -2280,7 +2518,8 @@
                 const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(measures, (item)=>item.id), encoding, {
                     colorItemAsId: false,
                     foldMeasureValue: `${FoldMeasureValue}${groupId}`,
-                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
+                    colorMeasureId: getColorMeasureId(advancedVSeed, vseed),
+                    omitIds: allMeasures.map((item)=>item.id)
                 });
                 const reshapeInfo = {
                     id: groupId,
@@ -2348,17 +2587,14 @@
             const { sortLegend } = vseed;
             const { datasetReshapeInfo, dataset } = advancedVSeed;
             const colorId = datasetReshapeInfo?.[0]?.unfoldInfo?.encodingColorId;
-            const colorIdMap = datasetReshapeInfo?.[0]?.unfoldInfo?.colorIdMap;
+            const colorIdMap = datasetReshapeInfo?.[0]?.unfoldInfo?.colorIdMap ?? {};
             const colorItems = datasetReshapeInfo?.[0]?.unfoldInfo?.colorItems;
             if (!sortLegend || !colorId || !colorIdMap || !colorItems) return advancedVSeed;
             if (!result.analysis) result.analysis = {};
             if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
             if (sortLegend.customOrder) {
-                const nameMap = Object.keys(colorIdMap).reduce((pre, cur)=>{
-                    pre[colorIdMap[cur]] = cur;
-                    return pre;
-                }, {});
-                const orderRes = sortLegend.customOrder.map((itemNameOrId)=>nameMap[itemNameOrId] ? nameMap[itemNameOrId] : itemNameOrId);
+                const colorIds = Object.keys(colorIdMap);
+                const orderRes = sortLegend.customOrder.map((itemNameOrId)=>colorIds.find((id)=>colorIdMap[id]?.alias === itemNameOrId || colorIdMap[id]?.id === itemNameOrId || id === itemNameOrId));
                 result.analysis.orderMapping[colorId] = orderRes;
                 return result;
             }
@@ -2366,23 +2602,6 @@
             result.analysis.orderMapping[colorId] = orderRes;
             return result;
         };
-        function chunk_3ZJAREUD_i(...e) {
-            return chunk_WIMGWYZL_u(chunk_3ZJAREUD_o, e);
-        }
-        function chunk_3ZJAREUD_o(e, r) {
-            let a = {};
-            for (let [n, u] of Object.entries(e)){
-                let l = r(u, n, e);
-                a[n] = l;
-            }
-            return a;
-        }
-        const replaceNullToUndefined = (obj)=>{
-            if (null === obj) return;
-            if (Array.isArray(obj)) return obj.map(replaceNullToUndefined);
-            if (chunk_BZNENX2T_r(obj)) return C(obj, chunk_3ZJAREUD_i((value)=>replaceNullToUndefined(value)));
-            return obj;
-        };
         const line_lineConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType } = vseed;
@@ -2439,7 +2658,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -2514,7 +2733,7 @@
             const accurateMap = colors.reduce((prev, cur)=>{
                 const name = cur[0];
                 const colorValue = cur[1];
-                const accurateMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorAlias])=>colorKey === name || colorAlias === name);
+                const accurateMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorObj])=>colorKey === name || colorObj.alias === name || colorObj.id === name);
                 accurateMatchedList.forEach((item)=>{
                     prev[item[0]] = colorValue;
                     matchedList.push(name);
@@ -2525,7 +2744,7 @@
                 const name = cur[0];
                 const colorValue = cur[1];
                 if (matchedList.includes(name)) return prev;
-                const fuzzyMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorAlias])=>colorKey.includes(name) || colorAlias.includes(name));
+                const fuzzyMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorObj])=>colorKey.includes(name) || colorObj.alias.includes(name) || colorObj.id.includes(name));
                 fuzzyMatchedList.forEach((item)=>{
                     if (prev[item[0]]) return;
                     prev[item[0]] = colorValue;
@@ -2761,6 +2980,7 @@
                 max,
                 min,
                 label: {
+                    space: 8,
                     visible: label?.visible,
                     formatMethod: (value)=>{
                         if (isBarPercent(vseed) || isColumnPercent(vseed) || isAreaPercent(vseed)) return createLinearPercentFormat(value, autoFormat, numFormat, formatter, percentFormatter);
@@ -2806,7 +3026,7 @@
                     }
                 },
                 innerOffset: {
-                    top: 7
+                    top: 12
                 }
             };
             result.axes = [
@@ -2946,7 +3166,7 @@
                         }
                     },
                     label: {
-                        formatMethod: (value)=>unfoldInfo.colorIdMap[String(value)] ?? value,
+                        formatMethod: (value)=>unfoldInfo.colorIdMap[String(value)]?.alias ?? value,
                         style: {
                             fontSize: labelFontSize,
                             fill: labelColor || labelFontColor,
@@ -3056,95 +3276,6 @@
                 }
                 return result;
             };
-        const selector_selector = (vchartDatum, selector)=>{
-            if (!selector) return true;
-            const selectorMode = 'And';
-            const vchartKeys = Object.keys(vchartDatum).filter((k)=>k.toLocaleLowerCase().startsWith('__vchart'));
-            const datum = chunk_KI5X74E2_y(vchartDatum, vchartKeys);
-            const selectors = Array.isArray(selector) ? selector : [
-                selector
-            ];
-            return selectors['And' === selectorMode ? 'every' : 'some']((selector)=>{
-                if (isValueSelector(selector)) {
-                    if (Object.values(datum).find((v)=>v === selector)) return true;
-                } else if (isMeasureSelector(selector)) {
-                    const op = selector.operator || selector.op;
-                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
-                        selector.value
-                    ];
-                    switch(op){
-                        case '=':
-                            if (String(datum[selector.field]) === String(selectorValueArr[0])) return true;
-                            break;
-                        case '==':
-                            if (datum[selector.field] === selectorValueArr[0]) return true;
-                            break;
-                        case '!=':
-                            if (datum[selector.field] !== selectorValueArr[0]) return true;
-                            break;
-                        case '>':
-                            if (datum[selector.field] > selectorValueArr[0]) return true;
-                            break;
-                        case '<':
-                            if (datum[selector.field] < selectorValueArr[0]) return true;
-                            break;
-                        case '>=':
-                            if (datum[selector.field] >= selectorValueArr[0]) return true;
-                            break;
-                        case '<=':
-                            if (datum[selector.field] <= selectorValueArr[0]) return true;
-                            break;
-                        case 'between':
-                            if (Array.isArray(selector.value) && datum[selector.field] >= selectorValueArr[0] && datum[selector.field] <= selectorValueArr[1]) return true;
-                            break;
-                    }
-                } else if (isDimensionSelector(selector)) {
-                    const op = selector.operator || selector.op;
-                    const selectorValueArr = Array.isArray(selector.value) ? selector.value : [
-                        selector.value
-                    ];
-                    switch(op){
-                        case 'in':
-                            if (selectorValueArr.includes(datum[selector.field])) return true;
-                            break;
-                        case 'not in':
-                            if (!selectorValueArr.includes(datum[selector.field])) return true;
-                            break;
-                    }
-                } else if (isPartialDatumSelector(selector)) {
-                    if (Object.keys(selector).every((key)=>datum[key] === selector[key])) return true;
-                }
-                return false;
-            });
-        };
-        const isValueSelector = (selector)=>'string' == typeof selector || 'number' == typeof selector;
-        const isPartialDatumSelector = (selector)=>'object' == typeof selector && null !== selector;
-        const isMeasureSelector = (selector)=>'object' == typeof selector && null !== selector && 'field' in selector && ('operator' in selector || 'op' in selector) && 'value' in selector && ([
-                '=',
-                '==',
-                '!=',
-                '>',
-                '<',
-                '>=',
-                '<=',
-                'between'
-            ].includes(selector.operator) || [
-                '=',
-                '==',
-                '!=',
-                '>',
-                '<',
-                '>=',
-                '<=',
-                'between'
-            ].includes(selector.op));
-        const isDimensionSelector = (selector)=>'object' == typeof selector && null !== selector && 'field' in selector && ('operator' in selector || 'op' in selector) && 'value' in selector && ([
-                'in',
-                'not in'
-            ].includes(selector.operator) || [
-                'in',
-                'not in'
-            ].includes(selector.op));
         const pointStyle_pointStyle = (spec, context)=>{
             const { advancedVSeed } = context;
             const { markStyle } = advancedVSeed;
@@ -3370,7 +3501,7 @@
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedDimensions, advancedVSeedMeasures, encoding, foldInfoList)=>{
             const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelStroke, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
             const hasDimLabelEncoding = vseedDimensions.some((item)=>encoding.label?.includes(item.id));
-            const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureName) : [], (item)=>item.id);
+            const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureId) : [], (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'
@@ -3378,7 +3509,7 @@
             const percentFormatter = createFormatter(percentFormat);
             const result = {
                 visible: enable,
-                dataFilter: (data)=>data.filter((entry)=>entry.data?.[DATUM_HIDE_KEY] !== true),
+                dataFilter: (data)=>data.filter((entry)=>entry.data?.[DATUM_HIDE_KEY] !== true && selector_selector(entry.data, label.selector, 'Or')),
                 formatMethod: (_, datum)=>{
                     const result = [];
                     const dimLabels = labelDims.map((item)=>{
@@ -3417,6 +3548,34 @@
             };
             return result;
         };
+        const getTooltipStyle = (tooltipConfig)=>({
+                panel: {
+                    padding: tooltipConfig.padding,
+                    border: {
+                        radius: tooltipConfig.borderRadius,
+                        width: tooltipConfig.borderWidth,
+                        color: tooltipConfig.borderColor
+                    },
+                    backgroundColor: tooltipConfig.backgroundColor
+                },
+                keyLabel: {
+                    lineHeight: tooltipConfig.lineHeight,
+                    fontSize: tooltipConfig.fontSize,
+                    fontColor: tooltipConfig.keyColor
+                },
+                valueLabel: {
+                    lineHeight: tooltipConfig.lineHeight,
+                    fontSize: tooltipConfig.fontSize,
+                    fontColor: tooltipConfig.valueColor,
+                    fontWeight: 'medium'
+                },
+                titleLabel: {
+                    fontSize: tooltipConfig.fontSize,
+                    lineHeight: tooltipConfig.lineHeight,
+                    fontColor: tooltipConfig.titleColor,
+                    fontWeight: 'bold'
+                }
+            });
         const tooltip_tooltip = (spec, context)=>{
             const result = {
                 ...spec
@@ -3427,10 +3586,11 @@
             const { tooltip = {
                 enable: true
             } } = baseConfig;
-            const { enable } = tooltip;
+            const { enable = true } = tooltip;
             const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
             result.tooltip = {
-                visible: enable,
+                style: getTooltipStyle(tooltip),
+                visible: !!enable,
                 mark: {
                     title: {
                         visible: false
@@ -3456,7 +3616,8 @@
                     hasShape: true,
                     key: dimensions.some((d)=>'color' === d.encoding) ? (v)=>{
                         const datum = v;
-                        return datum && datum[encodingColor] || '';
+                        const key = datum && datum[encodingColor] || '';
+                        return unfoldInfo.colorIdMap[key].alias ?? key;
                     } : Object.values(foldMap)[0],
                     value: (v)=>{
                         const datum = v;
@@ -3574,6 +3735,7 @@
                             text: {
                                 text: text,
                                 style: {
+                                    opacity: 0.95,
                                     visible: true,
                                     textAlign: textAlign,
                                     textBaseline: textBaseline,
@@ -3589,6 +3751,7 @@
                                     visible: textBackgroundVisible,
                                     padding: textBackgroundPadding,
                                     style: {
+                                        opacity: 0.95,
                                         cornerRadius: textBackgroundBorderRadius ?? 4,
                                         fill: textBackgroundColor,
                                         stroke: textBackgroundBorderColor,
@@ -3631,7 +3794,23 @@
                 const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationVerticalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (x)=>({
-                        x: x,
+                        positions: (datum, series)=>{
+                            const regionStart = series.getRegion()?.getLayoutStartPoint();
+                            const xAxisHelper = series.getXAxisHelper();
+                            const yAxisHelper = series.getYAxisHelper();
+                            const xPos = xAxisHelper.getScale(0).scale(x) + regionStart.x;
+                            const yRange = yAxisHelper.getScale(0).range();
+                            return [
+                                {
+                                    x: xPos,
+                                    y: yRange ? yRange[0] + regionStart.y : 0
+                                },
+                                {
+                                    x: xPos,
+                                    y: yRange ? yRange[1] + regionStart.y : 0
+                                }
+                            ];
+                        },
                         zIndex: 1000,
                         line: {
                             style: {
@@ -3651,9 +3830,11 @@
                             }
                         },
                         label: {
+                            confine: true,
                             text: text,
                             position: positionMap[textPosition || 'insideEnd'],
                             style: {
+                                opacity: 0.95,
                                 dx: 5,
                                 visible: true,
                                 stroke: textBackgroundColor,
@@ -3668,6 +3849,7 @@
                                 visible: textBackgroundVisible,
                                 padding: textBackgroundPadding,
                                 style: {
+                                    opacity: 0.95,
                                     dx: 5,
                                     cornerRadius: textBackgroundBorderRadius,
                                     fill: textBackgroundColor,
@@ -3741,7 +3923,23 @@
                 const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'right', textBaseline = 'bottom', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationHorizontalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (y)=>({
-                        y,
+                        positions: (datum, series)=>{
+                            const regionStart = series.getRegion()?.getLayoutStartPoint();
+                            const xAxisHelper = series.getXAxisHelper();
+                            const yAxisHelper = series.getYAxisHelper();
+                            const yPos = yAxisHelper.getScale(0).scale(y) + regionStart.y;
+                            const xRange = xAxisHelper.getScale(0).range();
+                            return [
+                                {
+                                    x: xRange ? xRange[0] + regionStart.x : 0,
+                                    y: yPos
+                                },
+                                {
+                                    x: xRange ? xRange[1] + regionStart.x : 0,
+                                    y: yPos
+                                }
+                            ];
+                        },
                         zIndex: 1000,
                         line: {
                             style: {
@@ -3760,9 +3958,11 @@
                             }
                         },
                         label: {
+                            confine: true,
                             text: text,
                             position: positionMap[textPosition || 'insideEnd'],
                             style: {
+                                opacity: 0.95,
                                 visible: true,
                                 dy: 4,
                                 stroke: textBackgroundColor,
@@ -3777,6 +3977,7 @@
                                 visible: textBackgroundVisible,
                                 padding: textBackgroundPadding,
                                 style: {
+                                    opacity: 0.95,
                                     dy: 4,
                                     cornerRadius: textBackgroundBorderRadius,
                                     fill: textBackgroundColor,
@@ -3789,9 +3990,9 @@
                         startSymbol: {
                             visible: theme?.startSymbolVisible ?? true,
                             symbolType: theme?.startSymbolType ?? 'triangleDown',
-                            size: 5,
+                            size: 5 + (lineWidth || 1),
                             style: {
-                                dx: 0,
+                                dx: 3,
                                 fill: lineColor
                             }
                         },
@@ -3918,6 +4119,7 @@
                         visible: true,
                         text: text,
                         style: {
+                            opacity: 0.95,
                             dy: isBottom ? 2 * -(textFontSize || 12) : 0,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
@@ -3931,6 +4133,7 @@
                             visible: textBackgroundVisible,
                             padding: textBackgroundPadding,
                             style: {
+                                opacity: 0.95,
                                 dy: isBottom ? 2 * -(textFontSize || 12) : 0,
                                 cornerRadius: textBackgroundBorderRadius ?? 4,
                                 fill: textBackgroundColor,
@@ -3958,17 +4161,6 @@
                 markArea: markArea
             };
         };
-        const isType_isType = (value, type)=>Object.prototype.toString.call(value) === `[object ${type}]`;
-        const isType = isType_isType;
-        const isArray_isArray = (value)=>Array.isArray ? Array.isArray(value) : isType(value, "Array");
-        const common_isArray = isArray_isArray;
-        const isValid = (value)=>null != value;
-        const common_isValid = isValid;
-        function array_array(arr) {
-            return common_isValid(arr) ? common_isArray(arr) ? arr : [
-                arr
-            ] : [];
-        }
         const isNumber = (value, fuzzy = !1)=>{
             const type = typeof value;
             return fuzzy ? "number" === type : "number" === type || isType(value, "Number");
@@ -4335,6 +4527,24 @@
                 return this.formatHex();
             }
         }
+        function clamper(a, b) {
+            let t;
+            return a > b && (t = a, a = b, b = t), (x)=>Math.max(a, Math.min(b, x));
+        }
+        const formatGradientStops = (stops)=>{
+            const firstInvalidateIndex = stops.findIndex((stop)=>stop.offset < 0 || stop.offset > 1);
+            if (firstInvalidateIndex >= 0) {
+                if (stops[firstInvalidateIndex].offset > 1) {
+                    const newStops = stops.slice(0, firstInvalidateIndex + 1);
+                    newStops[newStops.length - 1].offset = 1;
+                    return newStops;
+                }
+                const newStops = stops.slice(firstInvalidateIndex + 1);
+                newStops[0].offset = 0;
+                return newStops;
+            }
+            return stops;
+        };
         const splitLine = (spec, context)=>{
             const { advancedVSeed } = context;
             const { annotation, chartType, datasetReshapeInfo } = advancedVSeed;
@@ -4376,7 +4586,8 @@
                             });
                         });
                         if (!points || !points.length) return;
-                        const splitCoordinate = lineSeries.getYAxisHelper().getScale(0).scale(splitValue);
+                        const scale = lineSeries.getYAxisHelper().getScale(0);
+                        const splitCoordinate = scale.scale(splitValue);
                         const minY = Math.min(...points.map((p)=>p.y));
                         const maxY = Math.max(...points.map((p)=>p.y));
                         const ratio = (splitCoordinate - minY) / (maxY - minY);
@@ -4386,7 +4597,7 @@
                             x1: 0,
                             y0: 0,
                             y1: 1,
-                            stops: [
+                            stops: formatGradientStops([
                                 {
                                     color: colorConfig.positiveColor,
                                     offset: 0
@@ -4403,7 +4614,7 @@
                                     color: colorConfig.negativeColor,
                                     offset: 1
                                 }
-                            ]
+                            ])
                         };
                         const areaFill = {
                             gradient: 'linear',
@@ -4411,7 +4622,7 @@
                             x1: 0,
                             y0: 0,
                             y1: 1,
-                            stops: [
+                            stops: formatGradientStops([
                                 {
                                     color: colorConfig.positiveColor,
                                     offset: 0
@@ -4428,7 +4639,7 @@
                                     color: colorConfig.negativeColor,
                                     offset: 1
                                 }
-                            ]
+                            ])
                         };
                         const attrs = {
                             segments: null,
@@ -4441,12 +4652,13 @@
                         lineGraphics[0].setAttributes(attrs);
                         lineGraphics[0].setFinalAttributes?.(attrs);
                         const start = lineSeries.getRegion().getLayoutStartPoint();
+                        const range = scale.range();
                         return {
                             points: points.map((entry)=>({
                                     x: entry.x + start.x,
                                     y: entry.y + start.y
                                 })),
-                            splitCoordinate,
+                            splitCoordinate: clamper(range[0], range[range.length - 1])(splitCoordinate) + start.y,
                             areaFill,
                             lineStroke
                         };
@@ -4490,10 +4702,7 @@
                 if (!seriesSpec.point.style) seriesSpec.point.style = {};
                 if (!seriesSpec.line.style) seriesSpec.line.style = {};
                 const measureValueKey = datasetReshapeInfo[0].foldInfo.measureValue;
-                seriesSpec.point.style.fill = (datum)=>{
-                    console.log(datum);
-                    return datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
-                };
+                seriesSpec.point.style.fill = (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
                 seriesSpec.line.style.stroke = (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
                 if (seriesSpec.label && seriesSpec.label.visible && chunk_JK3VNB42_n(seriesSpec.label.style?.fill)) seriesSpec.label.style = {
                     ...seriesSpec.label.style,
@@ -4544,14 +4753,13 @@
         };
         const pivotGridStyle = (spec, context)=>{
             const { vseed, advancedVSeed } = context;
-            const { config, chartType, dimensions } = advancedVSeed;
+            const { config, chartType } = advancedVSeed;
             const themConfig = config?.[chartType]?.pivotGrid ?? {};
             const onlyCombination = !isPivot(vseed) && isCombination(vseed);
             const result = {
                 ...spec
             };
             const transparent = 'rgba(0,0,0,0)';
-            const hasColumnDimension = dimensions.some((dim)=>'column' === dim.encoding);
             const borderColor = themConfig.borderColor ?? '#e3e5eb';
             const bodyFontColor = themConfig.bodyFontColor ?? '#141414';
             const headerFontColor = themConfig.headerFontColor ?? '#21252c';
@@ -4569,12 +4777,15 @@
                     bodyStyle: {
                         borderColor,
                         color: bodyFontColor,
-                        borderLineWidth: (arg)=>[
+                        borderLineWidth: (arg)=>{
+                            const noYAxis = 'pie' === chartType || 'rose' === chartType || 'donut' === chartType || 'funnel' === chartType || 'radar' === chartType || 'roseParallel' === chartType;
+                            return [
                                 0 === arg.row ? outlineBorderLineWidth : 1,
                                 outlineBorderLineWidth,
                                 0,
-                                0 === arg.col ? outlineBorderLineWidth : 1
-                            ],
+                                0 === arg.col || noYAxis && 1 === arg.col ? outlineBorderLineWidth : 1
+                            ];
+                        },
                         bgColor: transparent,
                         hover: {
                             cellBgColor: 'transparent'
@@ -4604,7 +4815,7 @@
                         color: headerFontColor,
                         padding: [
                             0,
-                            4,
+                            12,
                             0,
                             4
                         ],
@@ -4628,7 +4839,7 @@
                         color: headerFontColor,
                         padding: [
                             0,
-                            4,
+                            12,
                             0,
                             4
                         ],
@@ -4649,23 +4860,6 @@
                             inlineColumnBgColor: hoverHeaderInlineBackgroundColor || void 0
                         }
                     },
-                    cornerRightTopCellStyle: {
-                        borderColor,
-                        borderLineWidth: 0,
-                        frameStyle: {
-                            borderColor,
-                            borderLineWidth: [
-                                outlineBorderLineWidth,
-                                outlineBorderLineWidth,
-                                1,
-                                1
-                            ]
-                        },
-                        bgColor: headerBackgroundColor,
-                        hover: {
-                            cellBgColor: hoverHeaderBackgroundColor
-                        }
-                    },
                     cornerLeftBottomCellStyle: {
                         borderColor,
                         borderLineWidth: [
@@ -4688,24 +4882,19 @@
                             cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
-                    cornerRightBottomCellStyle: {
+                    cornerRightTopCellStyle: {
                         borderColor,
-                        bgColor: headerBackgroundColor,
                         borderLineWidth: [
-                            1,
                             outlineBorderLineWidth,
                             outlineBorderLineWidth,
+                            1,
                             1
                         ],
                         frameStyle: {
                             borderColor,
-                            borderLineWidth: [
-                                1,
-                                outlineBorderLineWidth,
-                                outlineBorderLineWidth,
-                                1
-                            ]
+                            borderLineWidth: 0
                         },
+                        bgColor: headerBackgroundColor,
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor
                         }
@@ -4714,16 +4903,41 @@
                         borderColor,
                         bgColor: headerBackgroundColor,
                         borderLineWidth: (arg)=>[
-                                0 === arg.row || hasColumnDimension && 1 === arg.row ? outlineBorderLineWidth : 1,
+                                0 === arg.row ? outlineBorderLineWidth : 1,
                                 outlineBorderLineWidth,
                                 0,
                                 1
                             ],
+                        frameStyle: {
+                            borderLineWidth: 0
+                        },
                         hover: {
                             borderLineWidth: 0,
                             cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
+                    cornerRightBottomCellStyle: {
+                        borderColor,
+                        bgColor: headerBackgroundColor,
+                        borderLineWidth: [
+                            1,
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth,
+                            1
+                        ],
+                        frameStyle: {
+                            borderColor,
+                            borderLineWidth: [
+                                1,
+                                outlineBorderLineWidth,
+                                outlineBorderLineWidth,
+                                1
+                            ]
+                        },
+                        hover: {
+                            cellBgColor: hoverHeaderBackgroundColor
+                        }
+                    },
                     bottomFrozenStyle: {
                         borderColor,
                         borderLineWidth: [
@@ -4754,10 +4968,13 @@
                     ...spec
                 };
                 const { advancedVSeed } = context;
-                const { measures, datasetReshapeInfo, dataset } = advancedVSeed;
+                const { measures, datasetReshapeInfo, dataset, encoding } = advancedVSeed;
                 const colorItems = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+                const allMeasureIds = chunk_QJLMYOTX_i(datasetReshapeInfo.flatMap((d)=>Object.keys(d.foldInfo.foldMap || {})));
                 const indicators = datasetReshapeInfo.map((reshapeInfo, index)=>{
-                    const measure = measures?.find((d)=>d.id === reshapeInfo.id);
+                    const measureGroup = measures?.find((d)=>d.id === reshapeInfo.id);
+                    const subMeasuresId = (measureGroup?.children || []).map((d)=>d.id);
+                    const invalideMeasuresIds = allMeasureIds.filter((id)=>!subMeasuresId.includes(id));
                     const newDataset = dataset[index];
                     const newDatasetReshapeInfo = [
                         {
@@ -4773,13 +4990,17 @@
                         advancedVSeed: {
                             ...advancedVSeed,
                             datasetReshapeInfo: newDatasetReshapeInfo,
+                            encoding: Object.keys(encoding).reduce((res, key)=>{
+                                res[key] = encoding[key]?.filter((e)=>!invalideMeasuresIds.includes(e));
+                                return res;
+                            }, {}),
                             dataset: newDataset
                         }
                     };
                     const chartSpec = execPipeline(chartPipeline, newContext, {});
                     return {
                         indicatorKey: reshapeInfo.id,
-                        title: measure?.alias,
+                        title: measureGroup?.alias,
                         cellType: 'chart',
                         chartModule: 'vchart',
                         chartSpec: chartSpec,
@@ -4834,12 +5055,28 @@
         };
         const pivotAxisStyle = (axisStyle)=>(spec, context)=>{
                 const result = axisStyle(spec, context);
-                if (result.axes) result.axes.forEach((axis)=>{
-                    axis.domainLine = {
-                        visible: false
-                    };
-                    if (axis.grid && axis.grid.visible && axis.grid.style) axis.grid.style.strokeOpacity = 0.3;
-                });
+                if (result.axes) {
+                    const { advancedVSeed } = context;
+                    const { config, chartType } = advancedVSeed;
+                    const themConfig = config?.[chartType]?.pivotGrid ?? {};
+                    result.axes.forEach((axis)=>{
+                        axis.domainLine = {
+                            visible: false
+                        };
+                        if (themConfig.chartGridColor && axis.grid && axis.grid.visible && axis.grid.style) axis.grid.style.stroke = themConfig.chartGridColor;
+                        if (themConfig.axisLabelColor && axis.label && axis.label.visible && axis.label.style) axis.label.style.fill = themConfig.axisLabelColor;
+                        if ('band' === axis.type) {
+                            if ('left' === axis.orient || 'right' === axis.orient) axis.innerOffset = {
+                                top: 2,
+                                bottom: 2
+                            };
+                            else if ('top' === axis.orient || 'bottom' === axis.orient) axis.innerOffset = {
+                                left: 2,
+                                right: 2
+                            };
+                        }
+                    });
+                }
                 return result;
             };
         const pivotRowDimensions = (spec, context)=>{
@@ -4958,6 +5195,7 @@
                 'br'
             ].includes(position) ? 'end' : 'middle';
             const legends = {
+                padding: 0,
                 visible: enable,
                 type: 'discrete',
                 orient,
@@ -4994,7 +5232,7 @@
                         }
                     },
                     label: {
-                        formatMethod: (value)=>colorIdMap[value] ?? value,
+                        formatMethod: (value)=>colorIdMap[value]?.alias ?? value,
                         style: {
                             fontSize: labelFontSize,
                             fill: labelColor || labelFontColor,
@@ -5186,12 +5424,12 @@
             };
         };
         const column_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -5205,9 +5443,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const column_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -5278,7 +5516,7 @@
                 keys.forEach((key)=>{
                     if (vseed[key]) {
                         hasLine = true;
-                        regressionLineConfig[key] = true === vseed[key] ? {} : vseed[key];
+                        regressionLineConfig[key] = vseed[key];
                     }
                 });
                 return hasLine ? {
@@ -5292,7 +5530,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -5450,7 +5688,7 @@
                 barStyle
             ];
             const customMap = barStyles.reduce((result, style, index)=>{
-                const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barRadius, barVisible = true } = style;
+                const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barBorderOpacity, barRadius, barVisible = true } = style;
                 const lineDash = 'dashed' === barBorderStyle ? [
                     5,
                     2
@@ -5474,12 +5712,10 @@
                             fill: barColor,
                             fillOpacity: barColorOpacity,
                             cornerRadius: barRadius,
-                            innerBorder: {
-                                stroke: barBorderColor,
-                                lineWidth: barBorderWidth,
-                                distance: (barBorderWidth || 0) / 2,
-                                lineDash: lineDash
-                            }
+                            lineWidth: barBorderWidth,
+                            stroke: barBorderColor,
+                            strokeOpacity: barBorderOpacity,
+                            lineDash: lineDash
                         }
                     }
                 };
@@ -5600,6 +5836,7 @@
                         visible: true,
                         text: text,
                         style: {
+                            opacity: 0.95,
                             dy: dy,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
@@ -5613,6 +5850,7 @@
                             visible: textBackgroundVisible,
                             padding: textBackgroundPadding,
                             style: {
+                                opacity: 0.95,
                                 dy: dy,
                                 cornerRadius: textBackgroundBorderRadius ?? 4,
                                 fill: textBackgroundColor,
@@ -5640,10 +5878,6 @@
                 markArea: markArea
             };
         };
-        function clamper(a, b) {
-            let t;
-            return a > b && (t = a, a = b, b = t), (x)=>Math.max(a, Math.min(b, x));
-        }
         function invNorm(p) {
             if (p <= 0 || p >= 1) return 0;
             const c1 = -0.00778489400243029, c2 = -0.322396458041136, c3 = -2.40075827716184, c4 = -2.54973253934373, c5 = 4.37466414146497, c6 = 2.93816398269878, d1 = .00778469570904146, d2 = .32246712907004, d3 = 2.445134137143, d4 = 3.75440866190742;
@@ -6174,7 +6408,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -6255,7 +6489,7 @@
             ];
             if (!sameDimensionsMode) {
                 result.xField.push(unfoldInfo.encodingDetail);
-                if (encoding.detail?.[0] === MeasureName && encoding.y?.length === 1) result.xField.pop();
+                if (encoding.detail?.[0] === MeasureId && encoding.y?.length === 1) result.xField.pop();
             }
             result.yField = foldInfo.measureValue;
             result.seriesField = unfoldInfo.encodingColorId;
@@ -6339,7 +6573,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -6459,12 +6693,12 @@
             };
         };
         const bar_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.y = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -6478,9 +6712,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const bar_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.x = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -6521,7 +6755,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -6637,6 +6871,7 @@
                 max,
                 min,
                 label: {
+                    space: 8,
                     visible: label?.visible,
                     formatMethod: (value)=>{
                         if (isBarPercent(vseed) || isColumnPercent(vseed) || isAreaPercent(vseed)) return createLinearPercentFormat(value, autoFormat, numFormat, formatter, percentFormatter);
@@ -6682,7 +6917,7 @@
                     }
                 },
                 innerOffset: {
-                    right: 7
+                    right: 12
                 }
             };
             result.axes = [
@@ -6877,7 +7112,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -6918,7 +7153,7 @@
             ];
             if (!sameDimensionsMode) {
                 result.yField.push(unfoldInfo.encodingDetail);
-                if (encoding.detail?.[0] === MeasureName && encoding.x?.length === 1) result.yField.pop();
+                if (encoding.detail?.[0] === MeasureId && encoding.x?.length === 1) result.yField.pop();
             }
             result.xField = foldInfo.measureValue;
             result.seriesField = unfoldInfo.encodingColorId;
@@ -6991,7 +7226,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -7078,7 +7313,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -7275,7 +7510,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -7390,10 +7625,10 @@
             };
         };
         const scatter_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
-            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureName.map((d)=>d.id));
+            const dimensionsWithoutMeasureId = dimensions.filter((item)=>item.id !== MeasureId);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureId.map((d)=>d.id));
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -7402,12 +7637,12 @@
             encoding.color = chunk_QJLMYOTX_i(dimensions.filter((item)=>'color' === item.encoding).map((item)=>item.id));
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
+                MeasureId
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const scatter_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'xAxis' === item.encoding || 'yAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -7619,6 +7854,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const allMeasures = findAllMeasures(measures);
             const measureGroups = [];
             const depth = measureDepth(measures);
             if (3 === depth) measures.forEach((measure)=>{
@@ -7638,7 +7874,8 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, xMeasures.children, encoding, {
                         foldMeasureValue: `${FoldXMeasureValue}${index}`,
                         colorItemAsId: true,
-                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed),
+                        omitIds: allMeasures.map((item)=>item.id)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -7648,7 +7885,8 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, yMeasures.children, encoding, {
                         foldMeasureValue: `${FoldYMeasureValue}${index}`,
                         colorItemAsId: true,
-                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed),
+                        omitIds: allMeasures.map((item)=>item.id)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -7685,7 +7923,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForScatter,
                 buildMeasuresForScatter
@@ -7791,6 +8029,7 @@
             const { enable } = tooltip;
             const { foldInfoList } = datasetReshapeInfo[0];
             result.tooltip = {
+                style: getTooltipStyle(tooltip),
                 visible: enable,
                 mark: {
                     title: {
@@ -8379,12 +8618,12 @@
             };
         };
         const dualAxis_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -8398,9 +8637,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const dualAxis_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'primaryYAxis' === item.encoding || 'secondaryYAxis' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -8579,6 +8818,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const allMeasures = findAllMeasures(measures);
             const datasetList = [];
             const datasetReshapeInfo = [];
             const measureGroups = [];
@@ -8598,7 +8838,8 @@
                     const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), T(primaryMeasures.children, (item)=>item.id), encoding, {
                         colorItemAsId: false,
                         foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`,
-                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed),
+                        omitIds: allMeasures.map((item)=>item.id)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -8608,7 +8849,8 @@
                     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, vseed)
+                        colorMeasureId: getColorMeasureId(advancedVSeed, vseed),
+                        omitIds: allMeasures.map((item)=>item.id)
                     });
                     datasets.push(newDataset);
                     foldInfoList.push(foldInfo);
@@ -8674,7 +8916,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForDualAxis,
                 buildMeasuresForDualAxis
@@ -9015,6 +9257,7 @@
             const foldInfoList = datasetReshapeInfo[0].foldInfoList;
             const unfoldInfo = datasetReshapeInfo[0].unfoldInfo;
             result.tooltip = {
+                style: getTooltipStyle(tooltip),
                 visible: enable,
                 mark: {
                     title: {
@@ -9098,6 +9341,7 @@
                 max,
                 min,
                 label: {
+                    space: 8,
                     visible: label?.visible,
                     formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
@@ -9140,7 +9384,7 @@
                     }
                 },
                 innerOffset: {
-                    top: 7
+                    top: 12
                 }
             };
             result.axes = [
@@ -9191,6 +9435,7 @@
                 max,
                 min,
                 label: {
+                    space: 8,
                     visible: label?.visible,
                     formatMethod: (value)=>createLinearFormat(value, autoFormat, numFormat, formatter),
                     style: {
@@ -9233,7 +9478,7 @@
                     }
                 },
                 innerOffset: {
-                    top: 7
+                    top: 12
                 }
             };
             result.axes = [
@@ -9407,7 +9652,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.color = uniqueDimIds.slice(0);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -9416,12 +9661,12 @@
             addColorToEncoding(dimensions, encoding, isMultiMeasure);
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
+                MeasureId
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const pie_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.angle = chunk_QJLMYOTX_i(measures.filter((item)=>'angle' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -9446,7 +9691,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForPie,
                 buildMeasures
@@ -9607,7 +9852,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForPie,
                 buildMeasures
@@ -9726,12 +9971,12 @@
             };
         };
         const rose_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.angle = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -9745,9 +9990,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const rose_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -9772,7 +10017,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRose,
                 buildMeasures
@@ -9925,7 +10170,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRose,
                 buildMeasures
@@ -9963,7 +10208,7 @@
             ];
             if (!sameDimensionsMode) {
                 result.angleField.push(unfoldInfo.encodingDetail);
-                if (encoding.detail?.[0] === MeasureName && encoding.radius?.length === 1) result.angleField.pop();
+                if (encoding.detail?.[0] === MeasureId && encoding.radius?.length === 1) result.angleField.pop();
             }
             result.valueField = foldInfo.measureValue;
             result.seriesField = unfoldInfo.encodingColorId;
@@ -10076,7 +10321,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.angle = uniqueDimIds.slice(0, 1);
             encoding.color = uniqueDimIds.slice(1);
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.detail = [];
             encoding.label = [];
             encoding.row = [];
@@ -10090,12 +10335,12 @@
             addColorToEncoding(dimensions, encoding, isMultiMeasure);
             encoding.detail = [];
             if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
+                MeasureId
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const radar_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.radius = chunk_QJLMYOTX_i(measures.filter((item)=>'radius' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -10120,7 +10365,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRadar,
                 buildMeasures
@@ -10294,7 +10539,7 @@
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.color = uniqueDimIds.slice(0);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -10303,12 +10548,12 @@
             addColorToEncoding(dimensions, encoding, isMultiMeasure);
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = [
-                MeasureName
+                MeasureId
             ];
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const funnel_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.size = chunk_QJLMYOTX_i(measures.filter((item)=>'size' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -10335,7 +10580,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForFunnel,
                 buildMeasures
@@ -10508,13 +10753,13 @@
             };
         };
         const heatmap_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.y = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.y = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -10531,9 +10776,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (0 === encoding.detail.length) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const heatmap_generateDefaultMeasureEncoding = (measures, encoding)=>{
             const colorDims = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -10562,7 +10807,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForHeatmap,
                 buildMeasures
@@ -10613,7 +10858,7 @@
                 }
                 return result;
             };
-        const cellStyle = (spec, context)=>{
+        const markStyle_cellStyle_cellStyle = (spec, context)=>{
             const result = {
                 ...spec,
                 cell: {
@@ -10648,6 +10893,7 @@
             const { enable } = tooltip;
             const { foldInfo } = datasetReshapeInfo[0];
             result.tooltip = {
+                style: getTooltipStyle(tooltip),
                 visible: enable,
                 mark: {
                     title: {
@@ -10765,7 +11011,7 @@
             colorAdapter(color_color, linearColor),
             label_label,
             colorAdapter(discreteLegend, heatmapColorLegend),
-            colorCellStyleFill(cellStyle),
+            colorCellStyleFill(markStyle_cellStyle_cellStyle),
             tooltipHeatmap,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
@@ -10784,7 +11030,7 @@
                 colorAdapter(color_color, linearColor),
                 label_label,
                 tooltipHeatmap,
-                colorCellStyleFill(cellStyle),
+                colorCellStyleFill(markStyle_cellStyle_cellStyle),
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -10849,18 +11095,18 @@
             else boxplot_generateDefaultDimensionEncoding(dimensions, encoding);
             if (hasMeasureEncoding) boxplot_generateMeasureEncoding(measures, encoding);
             else boxplot_generateDefaultMeasureEncoding(measures, encoding);
-            if ((!encoding.value || encoding.value.length <= 1) && encoding.color && encoding.color.length > 1) encoding.color = encoding.color.filter((c)=>c !== MeasureName);
+            if ((!encoding.value || encoding.value.length <= 1) && encoding.color && encoding.color.length > 1) encoding.color = encoding.color.filter((c)=>c !== MeasureId);
             return {
                 ...advancedVSeed,
                 encoding
             };
         };
         const boxplot_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const onlyMeasureId = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureId);
             const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
             encoding.x = uniqueDimIds.slice(0, 1);
-            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.color = uniqueDimIds.slice(onlyMeasureId ? 0 : 1);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -10872,9 +11118,9 @@
             ];
             addColorToEncoding(dimensions, encoding, isMultiMeasure);
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label.filter((d)=>d !== MeasureId);
         };
         const boxplot_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -11138,7 +11384,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             boxplotConfig,
             encodingAdapter([
                 defaultEncodingForBoxplot,
@@ -11184,7 +11430,7 @@
             const sameDimensionsMode = chunk_HGKLN5KY_k(encoding.x, encoding.color);
             if (!sameDimensionsMode) {
                 result.xField.push(unfoldInfo.encodingColor);
-                if (encoding.color?.[0] === MeasureName && encoding.value?.length === 1) result.xField.pop();
+                if (encoding.color?.[0] === MeasureId && encoding.value?.length === 1) result.xField.pop();
             }
             result.padding = 0;
             result.region = [
@@ -11233,6 +11479,7 @@
             const defaultFormatter = valueMeasure ? createFormatterByMeasure(valueMeasure) : (v)=>v;
             result.tooltip = {
                 visible: enable,
+                style: getTooltipStyle(tooltip),
                 mark: {
                     title: {
                         visible: false
@@ -11360,6 +11607,7 @@
             const result = {
                 ...advancedVSeed
             };
+            const hasColorEncoding = (advancedVSeed?.dimensions || []).find((field)=>field?.encoding === 'color');
             const pickedConfig = chunk_2T7K3PFL_i(vseed, [
                 'backgroundColor',
                 'color',
@@ -11373,7 +11621,14 @@
                 'binStep',
                 'binValueType'
             ]);
-            const config = replaceNullToUndefined(pickedConfig);
+            let config = replaceNullToUndefined(pickedConfig);
+            if (!hasColorEncoding && !config?.legend?.enable) config = {
+                ...config,
+                legend: {
+                    ...config?.legend,
+                    enable: false
+                }
+            };
             result.config = {
                 ...result.config || {},
                 [chartType]: {
@@ -11382,6 +11637,30 @@
             };
             return result;
         };
+        const histogramXAxisConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const { dataset = [] } = advancedVSeed;
+            const flattenDatasert = dataset.flat();
+            const minValue = Math.min(...flattenDatasert.map((v)=>+v[BinStartMeasureId]));
+            const maxValue = Math.max(...flattenDatasert.map((v)=>+v[BinEndMeasureId]));
+            const chartConfig = result.config?.[chartType];
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...chartConfig,
+                    xAxis: {
+                        min: Number.isNaN(minValue) ? void 0 : minValue,
+                        max: Number.isNaN(maxValue) ? void 0 : maxValue,
+                        ...chartConfig?.xAxis || {}
+                    }
+                }
+            };
+            return result;
+        };
         const defaultEncodingForHistogram = (advancedVSeed)=>{
             const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
             const measures = findAllMeasures(vseedMeasures);
@@ -11409,10 +11688,10 @@
             };
         };
         const histogram_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
-            const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
-            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureName.map((d)=>d.id));
+            const dimensionsWithoutMeasureId = dimensions.filter((item)=>item.id !== MeasureId);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureId.map((d)=>d.id));
             encoding.detail = encoding.color;
-            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureId);
             encoding.label = [];
             encoding.row = [];
             encoding.column = [];
@@ -11422,9 +11701,9 @@
             encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
             if (encoding.detail?.length === 0) encoding.detail = encoding.color;
             encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
-            encoding.tooltip = encoding.tooltip?.filter((d)=>d !== MeasureName);
+            encoding.tooltip = encoding.tooltip?.filter((d)=>d !== MeasureId);
             encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
-            encoding.label = encoding.label?.filter((d)=>d !== MeasureName);
+            encoding.label = encoding.label?.filter((d)=>d !== MeasureId);
         };
         const histogram_generateDefaultMeasureEncoding = (measures, encoding)=>{
             encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
@@ -11473,17 +11752,17 @@
                 let startMin = min;
                 for(options.extent || (startMin = Math.floor(min / stepSize) * stepSize), thresholds = [
                     startMin
-                ]; startMin < max;)startMin += stepSize, thresholds.push(startMin);
+                ]; startMin <= max;)startMin += stepSize, thresholds.push(startMin);
             } else {
                 const bins = options.bins && options.bins > 0 ? Math.floor(options.bins) : 10;
                 if (max - min > 1) {
                     const start = Math.floor(min), stepSizeInt = Math.ceil((max - start) / bins);
                     thresholds = new Array(bins + 1);
-                    for(let i = 0; i <= bins; i++)thresholds[i] = i === bins ? max : start + stepSizeInt * i;
+                    for(let i = 0; i <= bins; i++)thresholds[i] = start + stepSizeInt * i;
                 } else {
                     const stepSize = (max - min) / bins;
                     thresholds = new Array(bins + 1);
-                    for(let i = 0; i <= bins; i++)thresholds[i] = i === bins ? max : min + stepSize * i;
+                    for(let i = 0; i <= bins; i++)thresholds[i] = min + stepSize * i;
                 }
             }
             const numBins = Math.max(0, thresholds.length - 1);
@@ -11564,7 +11843,20 @@
             const binStep = chartConfig?.binStep;
             const binValueType = chartConfig?.binValueType;
             let newDatasets = [];
-            let foldInfo = {};
+            let foldInfo = {
+                foldMap: {},
+                measureId: FoldMeasureId,
+                measureName: FoldMeasureName,
+                measureValue: FoldMeasureValue,
+                statistics: {
+                    max: -1 / 0,
+                    min: 1 / 0,
+                    sum: 0,
+                    count: 0,
+                    colorMin: 1 / 0,
+                    colorMax: -1 / 0
+                }
+            };
             let unfoldInfo = {};
             const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
             const allMeasures = findAllMeasures(measures);
@@ -11589,8 +11881,15 @@
                 binData.forEach((datum)=>{
                     datum[FoldMeasureId] = valueField;
                     datum[FoldMeasureName] = m?.alias ?? valueField;
-                    datum[FoldMeasureValue] = 'percentage' === binValueType ? datum[BinPercentageMeasureId] : datum[BinCountMeasureId];
+                    const valueNumber = 'percentage' === binValueType ? +datum[BinPercentageMeasureId] : +datum[BinCountMeasureId];
+                    datum[FoldMeasureValue] = valueNumber;
+                    datum[valueField] = valueNumber;
+                    foldInfo.statistics.min = Math.min(foldInfo.statistics.min, valueNumber);
+                    foldInfo.statistics.max = Math.max(foldInfo.statistics.max, valueNumber);
+                    foldInfo.statistics.sum += valueNumber;
+                    foldInfo.statistics.count++;
                 });
+                if (m?.id) foldInfo.foldMap[m?.id] = m?.alias;
                 const res = unfoldDimensions(binData, uniqDims, encoding, {
                     foldMeasureId: FoldMeasureId,
                     separator: "-",
@@ -11608,7 +11907,6 @@
                 res.dataset.forEach((datum)=>{
                     datum[BinStartMeasureId] = datum[encoding.x0[0]];
                     datum[BinEndMeasureId] = datum[encoding.x1[0]];
-                    datum[FoldMeasureId] = datum[encoding.y[0]];
                 });
                 newDatasets = res.dataset;
                 foldInfo = res.foldInfo;
@@ -11654,7 +11952,20 @@
                 if (!subMeasures) return;
                 const groupId = measureGroup.id;
                 let newDatasets = [];
-                let foldInfo = {};
+                let foldInfo = {
+                    foldMap: {},
+                    measureId: FoldMeasureId,
+                    measureName: FoldMeasureName,
+                    measureValue: FoldMeasureValue,
+                    statistics: {
+                        max: -1 / 0,
+                        min: 1 / 0,
+                        sum: 0,
+                        count: 0,
+                        colorMin: 1 / 0,
+                        colorMax: -1 / 0
+                    }
+                };
                 let unfoldInfo = {};
                 if (encoding.value?.length) {
                     const valueField = encoding.value[0];
@@ -11678,8 +11989,15 @@
                     binData.forEach((datum)=>{
                         datum[FoldMeasureId] = valueField;
                         datum[FoldMeasureName] = m?.alias ?? valueField;
-                        datum[FoldMeasureValue] = 'percentage' === binValueType ? datum[BinPercentageMeasureId] : datum[BinCountMeasureId];
+                        const valueNumber = 'percentage' === binValueType ? +datum[BinPercentageMeasureId] : +datum[BinCountMeasureId];
+                        datum[FoldMeasureValue] = valueNumber;
+                        datum[valueField] = valueNumber;
+                        foldInfo.statistics.min = Math.min(foldInfo.statistics.min, valueNumber);
+                        foldInfo.statistics.max = Math.max(foldInfo.statistics.max, valueNumber);
+                        foldInfo.statistics.sum += valueNumber;
+                        foldInfo.statistics.count++;
                     });
+                    if (m?.id) foldInfo.foldMap[m?.id] = m?.alias;
                     const res = unfoldDimensions(binData, uniqDims, encoding, {
                         foldMeasureId: FoldMeasureId,
                         separator: "-",
@@ -11722,7 +12040,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId_defaultMeasureId,
             histogramConfig,
             encodingAdapter([
                 defaultEncodingForHistogram,
@@ -11742,6 +12060,7 @@
             ], [
                 pivotReshapeWithHistogramEncoding
             ]),
+            histogramXAxisConfig,
             sortLegend_sortLegend,
             theme_theme,
             markStyle_markStyle,
@@ -11762,6 +12081,10 @@
                     clip: true
                 }
             ];
+            result.legends = {
+                visible: false
+            };
+            result.barGap = 2;
             result.animation = true;
             return result;
         };
@@ -11792,6 +12115,7 @@
             } } = baseConfig;
             const { enable } = tooltip;
             result.tooltip = {
+                style: getTooltipStyle(tooltip),
                 visible: enable,
                 mark: {
                     title: {
@@ -11959,7 +12283,7 @@
             const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
             if (!regressionLine || !regressionLine.kdeRegressionLine) return result;
             const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
-            const lineList = array_array(regressionLine.kdeRegressionLine);
+            const lineList = array_array(regressionLine.kdeRegressionLine).filter((kdeLine)=>false !== kdeLine.enable);
             if (!result.customMark) result.customMark = [];
             lineList.forEach((line, lineIndex)=>{
                 const theme = lineTheme.kdeRegressionLine ?? {};
@@ -12095,7 +12419,7 @@
             const lineTheme = advancedVSeed.config[chartType]?.regressionLine;
             if (!regressionLine || !regressionLine.ecdfRegressionLine) return result;
             const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
-            const lineList = array_array(regressionLine.ecdfRegressionLine);
+            const lineList = array_array(regressionLine.ecdfRegressionLine).filter((ecdfLine)=>false !== ecdfLine.enable);
             if (!result.customMark) result.customMark = [];
             lineList.forEach((line, lineIndex)=>{
                 const theme = lineTheme?.ecdfRegressionLine ?? {};
@@ -12375,10 +12699,42 @@
                 titleFontSize: tableConfig.headerFontSize,
                 titleFontWeight: 'bold'
             });
-        const getLightPivotChartGridConfig = ()=>pickPivotChartGridConfig(getLightTableConfig());
-        const getDarkPivotChartGridConfig = ()=>pickPivotChartGridConfig(getDarkTableConfig());
+        const getLightPivotChartGridConfig = ()=>{
+            const res = pickPivotChartGridConfig(getLightTableConfig());
+            res.chartGridColor = '#F0F1F6';
+            res.axisLabelColor = '#BCC1CB';
+            return res;
+        };
+        const getDarkPivotChartGridConfig = ()=>{
+            const res = pickPivotChartGridConfig(getDarkTableConfig());
+            res.chartGridColor = '#303339';
+            res.axisLabelColor = '#E2E3E6';
+            return res;
+        };
         const getDefaultTooltip = ()=>({
-                enable: true
+                enable: true,
+                borderRadius: 12,
+                borderWidth: 1,
+                padding: 7,
+                lineHeight: 12,
+                fontSize: 12,
+                lineSpace: 6
+            });
+        const getLightTooltip = ()=>({
+                ...getDefaultTooltip(),
+                borderColor: '#e3e5e8',
+                backgroundColor: '#fff',
+                keyColor: '#606773',
+                valueColor: '#21252c',
+                titleColor: '#21252c'
+            });
+        const getDarkTooltip = ()=>({
+                ...getDefaultTooltip(),
+                borderColor: '#3c3f44',
+                backgroundColor: '#2b2d30',
+                keyColor: '#89909D',
+                valueColor: '#E2E3E6',
+                titleColor: '#E2E3E6'
             });
         const getLightLinearAxis = ()=>({
                 nice: true,
@@ -12387,7 +12743,7 @@
                 label: {
                     visible: true,
                     labelAngle: 0,
-                    labelColor: '#797B85',
+                    labelColor: '#8F959E',
                     labelFontSize: 12,
                     labelFontWeight: 400
                 },
@@ -12433,7 +12789,7 @@
                 label: {
                     visible: true,
                     labelAngle: 0,
-                    labelColor: '#797B85',
+                    labelColor: '#8F959E',
                     labelFontSize: 12,
                     labelFontWeight: 400
                 },
@@ -12745,7 +13101,7 @@
                 color: getLightColor(),
                 label: getLightLabel(),
                 legend: getDefaultLegend(),
-                tooltip: getDefaultTooltip()
+                tooltip: getLightTooltip()
             };
             const tableConfig = getLightTableConfig();
             return {
@@ -13014,7 +13370,7 @@
                 color: getDarkColor(),
                 label: getDarkLabel(),
                 legend: getDefaultLegend(),
-                tooltip: getDefaultTooltip()
+                tooltip: getDarkTooltip()
             };
             const tableConfig = getDarkTableConfig();
             return {
@@ -16755,7 +17111,10 @@
             encodingDetail: schemas_string(),
             encodingAngle: schemas_string(),
             colorItems: schemas_array(schemas_string()),
-            colorIdMap: record(schemas_string(), schemas_string())
+            colorIdMap: record(schemas_string(), schemas_object({
+                id: schemas_string(),
+                alias: schemas_string()
+            }))
         });
         const zDatasetReshapeInfo = schemas_array(schemas_object({
             id: schemas_string(),
@@ -16979,6 +17338,61 @@
         const zLinearColor = schemas_object({
             linearColorScheme: schemas_array(schemas_string()).nullish()
         });
+        const zSelector = union([
+            schemas_string(),
+            schemas_number(),
+            schemas_object({
+                field: schemas_string(),
+                operator: schemas_enum([
+                    '=',
+                    '==',
+                    '!=',
+                    '>',
+                    '<',
+                    '>=',
+                    '<=',
+                    'between'
+                ]).nullish(),
+                op: schemas_enum([
+                    '=',
+                    '==',
+                    '!=',
+                    '>',
+                    '<',
+                    '>=',
+                    '<=',
+                    'between'
+                ]).nullish(),
+                value: union([
+                    schemas_string(),
+                    schemas_number(),
+                    schemas_array(union([
+                        schemas_string(),
+                        schemas_number()
+                    ]))
+                ])
+            }),
+            schemas_object({
+                field: schemas_string(),
+                operator: schemas_enum([
+                    'in',
+                    'not in'
+                ]).nullish(),
+                op: schemas_enum([
+                    'in',
+                    'not in'
+                ]).nullish(),
+                value: union([
+                    schemas_string(),
+                    schemas_number(),
+                    schemas_array(union([
+                        schemas_string(),
+                        schemas_number()
+                    ]))
+                ])
+            })
+        ]);
+        const zSelectors = schemas_array(zSelector);
         const zLabel = schemas_object({
             enable: schemas_boolean().nullish(),
             wrap: schemas_boolean().nullish(),
@@ -16993,7 +17407,11 @@
             labelColor: schemas_string().nullish(),
             labelColorSmartInvert: schemas_boolean().nullish(),
             labelPosition: schemas_string().nullish(),
-            labelOverlap: schemas_boolean().nullish()
+            labelOverlap: schemas_boolean().nullish(),
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).nullish()
         });
         const zLegend = schemas_object({
             enable: schemas_boolean().default(true).nullish(),
@@ -17075,63 +17493,19 @@
             enable: schemas_boolean().default(true).nullish()
         });
         const zTooltip = schemas_object({
-            enable: schemas_boolean().default(true).nullish()
+            enable: schemas_boolean().default(true).nullish(),
+            borderColor: schemas_string().nullish(),
+            borderWidth: schemas_number().nullish(),
+            borderRadius: schemas_number().nullish(),
+            padding: schemas_number().or(schemas_array(schemas_number()).length(4)).nullish(),
+            backgroundColor: schemas_string().nullish(),
+            lineHeight: schemas_number().nullish(),
+            fontSize: schemas_number().nullish(),
+            lineSpace: schemas_number().nullish(),
+            keyColor: schemas_string().nullish(),
+            valueColor: schemas_string().nullish(),
+            titleColor: schemas_string().nullish()
         });
-        const zSelector = union([
-            schemas_string(),
-            schemas_number(),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                op: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            }),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                op: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            })
-        ]);
-        const zSelectors = schemas_array(zSelector);
         const zAnnotationPoint = schemas_object({
             selector: union([
                 zSelector,
@@ -17317,7 +17691,9 @@
             minChartHeight: schemas_number().nullish(),
             titleFontColor: schemas_string().nullish(),
             titleFontSize: schemas_number().nullish(),
-            titleFontWeight: schemas_string().nullish()
+            titleFontWeight: schemas_string().nullish(),
+            chartGridColor: schemas_string().nullish(),
+            axisLabelColor: schemas_string().nullish()
         });
         const zLineConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -17340,6 +17716,7 @@
         const zBarMaxWidth = schemas_number().or(schemas_string());
         const zBarGapInGroup = schemas_number().or(schemas_string());
         const zEcdfRegressionLine = schemas_object({
+            enable: schemas_boolean().nullish(),
             color: schemas_string().nullish(),
             lineWidth: schemas_number().nullish(),
             lineDash: schemas_array(schemas_number()).nullish(),
@@ -17706,6 +18083,17 @@
         const zAnalysis = schemas_object({
             orderMapping: record(schemas_string(), schemas_array(schemas_string())).nullish()
         });
+        const zBodyCellStyle = schemas_object({
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).nullish(),
+            backgroundColor: schemas_string().nullish(),
+            textColor: schemas_string().nullish(),
+            textFontSize: schemas_number().nullish(),
+            borderColor: schemas_string().nullish(),
+            borderLineWidth: schemas_number().nullish()
+        });
         const zLocale = schemas_enum([
             'zh-CN',
             'en-US'
@@ -17729,6 +18117,7 @@
             hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
             selectedBorderColor: schemas_string().nullish(),
             selectedBackgroundColor: schemas_string().nullish(),
+            bodyCellStyle: zBodyCellStyle.nullish(),
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
@@ -17751,6 +18140,7 @@
             hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
             selectedBorderColor: schemas_string().nullish(),
             selectedBackgroundColor: schemas_string().nullish(),
+            bodyCellStyle: zBodyCellStyle.nullish(),
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
@@ -18060,8 +18450,8 @@
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
-            ecdfRegressionLine: schemas_array(zEcdfRegressionLine).or(zEcdfRegressionLine).or(schemas_boolean()).nullish(),
-            kdeRegressionLine: schemas_array(zKdeRegressionLine).or(zKdeRegressionLine).or(schemas_boolean()).nullish(),
+            ecdfRegressionLine: schemas_array(zEcdfRegressionLine).or(zEcdfRegressionLine).nullish(),
+            kdeRegressionLine: schemas_array(zKdeRegressionLine).or(zKdeRegressionLine).nullish(),
             locale: zLocale.nullish()
         });
         const zRose = schemas_object({
@@ -18209,6 +18599,9 @@
             zBoxplot,
             zHistogram
         ]);
+        const zCellStyle = schemas_object({
+            bodyCellStyle: zBodyCellStyle.nullish()
+        });
         const zAdvancedVSeed = schemas_object({
             chartType: zChartType,
             dataset: zDataset,
@@ -18220,6 +18613,7 @@
             analysis: zAnalysis,
             theme: zTheme,
             markStyle: zMarkStyle,
+            cellStyle: zCellStyle,
             customTheme: zCustomThemeConfig,
             annotation: zAnnotation,
             locale: zLocale,