@visactor/vseed 0.1.41 → 0.1.43

package/dist/umd/index.js

@@ -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,9 +193,9 @@
             zColumnPercent: ()=>zColumnPercent,
             foldMeasures: ()=>foldMeasures,
             zFunnel: ()=>zFunnel,
+            zDimensionEncoding: ()=>zDimensionEncoding,
             isPivotTable: ()=>isPivotTable,
             registerPie: ()=>registerPie,
-            zDimensionEncoding: ()=>zDimensionEncoding,
             zEcdfRegressionLine: ()=>zEcdfRegressionLine,
             zBarParallelConfig: ()=>zBarParallelConfig,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
@@ -655,7 +656,7 @@
                 }), {});
             return colorItems.map((d)=>({
                     id: d,
-                    alias: colorIdMap[d]
+                    alias: colorIdMap[d]?.alias
                 }));
         };
         const getColorIdMap = (builder)=>{
@@ -1360,6 +1361,7 @@
         const FoldMeasureName = '__MeaName__';
         const FoldMeasureId = '__MeaId__';
         const FoldMeasureValue = '__MeaValue__';
+        const MeasureId = FoldMeasureId;
         const MeasureName = FoldMeasureName;
         const FoldPrimaryMeasureValue = '__MeaPrimaryValue__';
         const FoldSecondaryMeasureValue = '__MeaSecondaryValue__';
@@ -1461,7 +1463,7 @@
             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 +1488,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;
@@ -1897,15 +1902,15 @@
                 dimensions: newDimensions
             };
         };
-        const defaultMeasureName_defaultMeasureName = (advancedVSeed)=>{
+        const 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 +1923,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 +1959,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 +1973,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 +2153,7 @@
             };
         }
         const unfoldDimensions = (dataset, dimensions, encoding, options)=>{
-            const { foldMeasureId, separator, colorItemAsId } = options;
+            const { separator } = options;
             const unfoldInfo = {
                 encodingAngle: AngleEncoding,
                 encodingX: XEncoding,
@@ -2175,14 +2180,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 +2198,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 +2278,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 +2292,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,
@@ -2306,22 +2319,6 @@
             ];
             return e.sort(t), e;
         }
-        const sortXBandAxis = (advancedVSeed, context)=>{
-            const result = {
-                ...advancedVSeed
-            };
-            const { vseed } = context;
-            const { sort: sortAxis } = vseed;
-            const { datasetReshapeInfo, dataset } = advancedVSeed;
-            const { unfoldInfo } = datasetReshapeInfo[0];
-            const xField = unfoldInfo.encodingX;
-            if (!sortAxis || !xField) return advancedVSeed;
-            if (!result.analysis) result.analysis = {};
-            if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
-            const axisOrderResult = calcOrder(sortAxis, xField, dataset.flat(2));
-            result.analysis.orderMapping[xField] = axisOrderResult;
-            return result;
-        };
         const calcOrder = (sortConfig, id, dataset)=>{
             if (sortConfig.customOrder) return sortConfig.customOrder;
             const order = sortConfig.order || 'asc';
@@ -2340,6 +2337,22 @@
             });
             return chunk_QJLMYOTX_i(res.map((item)=>item[id]));
         };
+        const sortXBandAxis = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { sort: sortAxis } = vseed;
+            const { datasetReshapeInfo, dataset } = advancedVSeed;
+            const { unfoldInfo } = datasetReshapeInfo[0];
+            const xField = unfoldInfo.encodingX;
+            if (!sortAxis || !xField) return advancedVSeed;
+            if (!result.analysis) result.analysis = {};
+            if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
+            const axisOrderResult = calcOrder(sortAxis, xField, dataset.flat(2));
+            result.analysis.orderMapping[xField] = axisOrderResult;
+            return result;
+        };
         const sortLegend_sortLegend = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -2348,42 +2361,21 @@
             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;
             }
-            const orderRes = sortLegend_calcOrder(sortLegend, colorId, dataset?.flat(2) || []);
+            const orderRes = calcOrder(sortLegend, colorId, dataset?.flat(2) || []);
             result.analysis.orderMapping[colorId] = orderRes;
             return result;
         };
-        const sortLegend_calcOrder = (sortConfig, id, dataset)=>{
-            if (sortConfig.customOrder) return sortConfig.customOrder;
-            const order = sortConfig.order || 'asc';
-            const orderBy = sortConfig.orderBy;
-            const res = chunk_NFFV4IQT_m(dataset, (a, b)=>{
-                const aValue = a[orderBy || id];
-                const bValue = b[orderBy || id];
-                if ('asc' === order) {
-                    if (aValue < bValue) return -1;
-                    if (aValue > bValue) return 1;
-                    return 0;
-                }
-                if (aValue > bValue) return -1;
-                if (aValue < bValue) return 1;
-                return 0;
-            });
-            return chunk_QJLMYOTX_i(res.map((item)=>item[id]));
-        };
         function chunk_3ZJAREUD_i(...e) {
             return chunk_WIMGWYZL_u(chunk_3ZJAREUD_o, e);
         }
@@ -2457,7 +2449,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -2532,7 +2524,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);
@@ -2543,7 +2535,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;
@@ -2964,7 +2956,7 @@
                         }
                     },
                     label: {
-                        formatMethod: (value)=>unfoldInfo.colorIdMap[String(value)] ?? value,
+                        formatMethod: (value)=>unfoldInfo.colorIdMap[String(value)].alias ?? value,
                         style: {
                             fontSize: labelFontSize,
                             fill: labelColor || labelFontColor,
@@ -3388,7 +3380,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'
@@ -3459,23 +3451,24 @@
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfo, unfoldInfo)
+                    content: createDimensionContent(dimensions, measures, foldInfo, unfoldInfo)
                 }
             };
             return result;
         };
-        const createDimensionContent = (measures, foldInfo, unfoldInfo)=>{
-            const { measureId, measureValue } = foldInfo;
+        const createDimensionContent = (dimensions, measures, foldInfo, unfoldInfo)=>{
+            const { measureId, measureValue, foldMap } = foldInfo;
             const { encodingColor } = unfoldInfo;
             return [
                 {
                     visible: true,
                     shapeType: 'rectRound',
                     hasShape: true,
-                    key: (v)=>{
+                    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;
                         if (!datum) return '';
@@ -3976,6 +3969,547 @@
                 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");
+        };
+        const common_isNumber = isNumber;
+        const isNil = (value)=>null == value;
+        const common_isNil = isNil;
+        const clamp_clamp = function(input, min, max) {
+            return input < min ? min : input > max ? max : input;
+        };
+        const clamp = clamp_clamp;
+        function hslToRgb(h, s, l) {
+            s /= 100, l /= 100;
+            const c = (1 - Math.abs(2 * l - 1)) * s, x = c * (1 - Math.abs(h / 60 % 2 - 1)), m = l - c / 2;
+            let r = 0, g = 0, b = 0;
+            return 0 <= h && h < 60 ? (r = c, g = x, b = 0) : 60 <= h && h < 120 ? (r = x, g = c, b = 0) : 120 <= h && h < 180 ? (r = 0, g = c, b = x) : 180 <= h && h < 240 ? (r = 0, g = x, b = c) : 240 <= h && h < 300 ? (r = x, g = 0, b = c) : 300 <= h && h < 360 && (r = c, g = 0, b = x), r = Math.round(255 * (r + m)), g = Math.round(255 * (g + m)), b = Math.round(255 * (b + m)), {
+                r: r,
+                g: g,
+                b: b
+            };
+        }
+        function rgbToHsl(r, g, b) {
+            r /= 255, g /= 255, b /= 255;
+            const cMin = Math.min(r, g, b), cMax = Math.max(r, g, b), delta = cMax - cMin;
+            let h = 0, s = 0, l = 0;
+            return h = 0 === delta ? 0 : cMax === r ? (g - b) / delta % 6 : cMax === g ? (b - r) / delta + 2 : (r - g) / delta + 4, h = Math.round(60 * h), h < 0 && (h += 360), l = (cMax + cMin) / 2, s = 0 === delta ? 0 : delta / (1 - Math.abs(2 * l - 1)), s = +(100 * s).toFixed(1), l = +(100 * l).toFixed(1), {
+                h: h,
+                s: s,
+                l: l
+            };
+        }
+        const REG_HEX = /^#([0-9a-f]{3,8})$/, DEFAULT_COLORS_OPACITY = {
+            transparent: 4294967040
+        };
+        const DEFAULT_COLORS = {
+            aliceblue: 15792383,
+            antiquewhite: 16444375,
+            aqua: 65535,
+            aquamarine: 8388564,
+            azure: 15794175,
+            beige: 16119260,
+            bisque: 16770244,
+            black: 0,
+            blanchedalmond: 16772045,
+            blue: 255,
+            blueviolet: 9055202,
+            brown: 10824234,
+            burlywood: 14596231,
+            cadetblue: 6266528,
+            chartreuse: 8388352,
+            chocolate: 13789470,
+            coral: 16744272,
+            cornflowerblue: 6591981,
+            cornsilk: 16775388,
+            crimson: 14423100,
+            cyan: 65535,
+            darkblue: 139,
+            darkcyan: 35723,
+            darkgoldenrod: 12092939,
+            darkgray: 11119017,
+            darkgreen: 25600,
+            darkgrey: 11119017,
+            darkkhaki: 12433259,
+            darkmagenta: 9109643,
+            darkolivegreen: 5597999,
+            darkorange: 16747520,
+            darkorchid: 10040012,
+            darkred: 9109504,
+            darksalmon: 15308410,
+            darkseagreen: 9419919,
+            darkslateblue: 4734347,
+            darkslategray: 3100495,
+            darkslategrey: 3100495,
+            darkturquoise: 52945,
+            darkviolet: 9699539,
+            deeppink: 16716947,
+            deepskyblue: 49151,
+            dimgray: 6908265,
+            dimgrey: 6908265,
+            dodgerblue: 2003199,
+            firebrick: 11674146,
+            floralwhite: 16775920,
+            forestgreen: 2263842,
+            fuchsia: 16711935,
+            gainsboro: 14474460,
+            ghostwhite: 16316671,
+            gold: 16766720,
+            goldenrod: 14329120,
+            gray: 8421504,
+            green: 32768,
+            greenyellow: 11403055,
+            grey: 8421504,
+            honeydew: 15794160,
+            hotpink: 16738740,
+            indianred: 13458524,
+            indigo: 4915330,
+            ivory: 16777200,
+            khaki: 15787660,
+            lavender: 15132410,
+            lavenderblush: 16773365,
+            lawngreen: 8190976,
+            lemonchiffon: 16775885,
+            lightblue: 11393254,
+            lightcoral: 15761536,
+            lightcyan: 14745599,
+            lightgoldenrodyellow: 16448210,
+            lightgray: 13882323,
+            lightgreen: 9498256,
+            lightgrey: 13882323,
+            lightpink: 16758465,
+            lightsalmon: 16752762,
+            lightseagreen: 2142890,
+            lightskyblue: 8900346,
+            lightslategray: 7833753,
+            lightslategrey: 7833753,
+            lightsteelblue: 11584734,
+            lightyellow: 16777184,
+            lime: 65280,
+            limegreen: 3329330,
+            linen: 16445670,
+            magenta: 16711935,
+            maroon: 8388608,
+            mediumaquamarine: 6737322,
+            mediumblue: 205,
+            mediumorchid: 12211667,
+            mediumpurple: 9662683,
+            mediumseagreen: 3978097,
+            mediumslateblue: 8087790,
+            mediumspringgreen: 64154,
+            mediumturquoise: 4772300,
+            mediumvioletred: 13047173,
+            midnightblue: 1644912,
+            mintcream: 16121850,
+            mistyrose: 16770273,
+            moccasin: 16770229,
+            navajowhite: 16768685,
+            navy: 128,
+            oldlace: 16643558,
+            olive: 8421376,
+            olivedrab: 7048739,
+            orange: 16753920,
+            orangered: 16729344,
+            orchid: 14315734,
+            palegoldenrod: 15657130,
+            palegreen: 10025880,
+            paleturquoise: 11529966,
+            palevioletred: 14381203,
+            papayawhip: 16773077,
+            peachpuff: 16767673,
+            peru: 13468991,
+            pink: 16761035,
+            plum: 14524637,
+            powderblue: 11591910,
+            purple: 8388736,
+            rebeccapurple: 6697881,
+            red: 16711680,
+            rosybrown: 12357519,
+            royalblue: 4286945,
+            saddlebrown: 9127187,
+            salmon: 16416882,
+            sandybrown: 16032864,
+            seagreen: 3050327,
+            seashell: 16774638,
+            sienna: 10506797,
+            silver: 12632256,
+            skyblue: 8900331,
+            slateblue: 6970061,
+            slategray: 7372944,
+            slategrey: 7372944,
+            snow: 16775930,
+            springgreen: 65407,
+            steelblue: 4620980,
+            tan: 13808780,
+            teal: 32896,
+            thistle: 14204888,
+            tomato: 16737095,
+            turquoise: 4251856,
+            violet: 15631086,
+            wheat: 16113331,
+            white: 16777215,
+            whitesmoke: 16119285,
+            yellow: 16776960,
+            yellowgreen: 10145074
+        };
+        function Color_hex(value) {
+            return ((value = Math.max(0, Math.min(255, Math.round(value) || 0))) < 16 ? "0" : "") + value.toString(16);
+        }
+        function Color_rgb(value) {
+            return common_isNumber(value) ? new RGB(value >> 16, value >> 8 & 255, 255 & value, 1) : common_isArray(value) ? new RGB(value[0], value[1], value[2]) : new RGB(255, 255, 255);
+        }
+        function rgba(value) {
+            return common_isNumber(value) ? new RGB(value >>> 24, value >>> 16 & 255, value >>> 8 & 255, 255 & value) : common_isArray(value) ? new RGB(value[0], value[1], value[2], value[3]) : new RGB(255, 255, 255, 1);
+        }
+        function SRGBToLinear(c) {
+            return c < .04045 ? .0773993808 * c : Math.pow(.9478672986 * c + .0521327014, 2.4);
+        }
+        function LinearToSRGB(c) {
+            return c < .0031308 ? 12.92 * c : 1.055 * Math.pow(c, .41666) - .055;
+        }
+        const setHex = (formatValue, forceHex)=>{
+            const isHex = REG_HEX.exec(formatValue);
+            if (forceHex || isHex) {
+                const hex = parseInt(isHex[1], 16), hexLength = isHex[1].length;
+                return 3 === hexLength ? new RGB((hex >> 8 & 15) + ((hex >> 8 & 15) << 4), (hex >> 4 & 15) + ((hex >> 4 & 15) << 4), (15 & hex) + ((15 & hex) << 4), 1) : 6 === hexLength ? Color_rgb(hex) : 8 === hexLength ? new RGB(hex >> 24 & 255, hex >> 16 & 255, hex >> 8 & 255, (255 & hex) / 255) : null;
+            }
+        };
+        class Color {
+            static Brighter(source, b = 1) {
+                return 1 === b ? source : new Color(source).brighter(b).toRGBA();
+            }
+            static SetOpacity(source, o = 1) {
+                return 1 === o ? source : new Color(source).setOpacity(o).toRGBA();
+            }
+            static getColorBrightness(source, model = "hsl") {
+                const color = source instanceof Color ? source : new Color(source);
+                switch(model){
+                    case "hsv":
+                    default:
+                        return color.getHSVBrightness();
+                    case "hsl":
+                        return color.getHSLBrightness();
+                    case "lum":
+                        return color.getLuminance();
+                    case "lum2":
+                        return color.getLuminance2();
+                    case "lum3":
+                        return color.getLuminance3();
+                    case "wcag":
+                        return color.getLuminanceWCAG();
+                }
+            }
+            static parseColorString(value) {
+                if (common_isValid(DEFAULT_COLORS_OPACITY[value])) return rgba(DEFAULT_COLORS_OPACITY[value]);
+                if (common_isValid(DEFAULT_COLORS[value])) return Color_rgb(DEFAULT_COLORS[value]);
+                const formatValue = `${value}`.trim().toLowerCase(), hexRes = setHex(formatValue);
+                if (void 0 !== hexRes) return hexRes;
+                if (/^(rgb|RGB|rgba|RGBA)/.test(formatValue)) {
+                    const aColor = formatValue.replace(/(?:\(|\)|rgba|RGBA|rgb|RGB)*/g, "").split(",");
+                    return new RGB(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10), parseFloat(aColor[3]));
+                }
+                if (/^(hsl|HSL|hsla|HSLA)/.test(formatValue)) {
+                    const aColor = formatValue.replace(/(?:\(|\)|hsla|HSLA|hsl|HSL)*/g, "").split(","), rgb = hslToRgb(parseInt(aColor[0], 10), parseInt(aColor[1], 10), parseInt(aColor[2], 10));
+                    return new RGB(rgb.r, rgb.g, rgb.b, parseFloat(aColor[3]));
+                }
+            }
+            constructor(value){
+                const color = Color.parseColorString(value);
+                color ? this.color = color : (console.warn(`Warn: 传入${value}无法解析为Color`), this.color = new RGB(255, 255, 255));
+            }
+            toRGBA() {
+                return this.color.formatRgb();
+            }
+            toString() {
+                return this.color.formatRgb();
+            }
+            toHex() {
+                return this.color.formatHex();
+            }
+            toHsl() {
+                return this.color.formatHsl();
+            }
+            brighter(k) {
+                const { r: r, g: g, b: b } = this.color;
+                return this.color.r = Math.max(0, Math.min(255, Math.floor(r * k))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * k))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * k))), this;
+            }
+            add(color) {
+                const { r: r, g: g, b: b } = this.color;
+                return this.color.r += Math.min(255, r + color.color.r), this.color.g += Math.min(255, g + color.color.g), this.color.b += Math.min(255, b + color.color.b), this;
+            }
+            sub(color) {
+                return this.color.r = Math.max(0, this.color.r - color.color.r), this.color.g = Math.max(0, this.color.g - color.color.g), this.color.b = Math.max(0, this.color.b - color.color.b), this;
+            }
+            multiply(color) {
+                const { r: r, g: g, b: b } = this.color;
+                return this.color.r = Math.max(0, Math.min(255, Math.floor(r * color.color.r))), this.color.g = Math.max(0, Math.min(255, Math.floor(g * color.color.g))), this.color.b = Math.max(0, Math.min(255, Math.floor(b * color.color.b))), this;
+            }
+            getHSVBrightness() {
+                return Math.max(this.color.r, this.color.g, this.color.b) / 255;
+            }
+            getHSLBrightness() {
+                return .5 * (Math.max(this.color.r, this.color.g, this.color.b) / 255 + Math.min(this.color.r, this.color.g, this.color.b) / 255);
+            }
+            setHsl(h, s, l) {
+                const opacity = this.color.opacity, hsl = rgbToHsl(this.color.r, this.color.g, this.color.b), rgb = hslToRgb(common_isNil(h) ? hsl.h : clamp(h, 0, 360), common_isNil(s) ? hsl.s : s >= 0 && s <= 1 ? 100 * s : s, common_isNil(l) ? hsl.l : l <= 1 && l >= 0 ? 100 * l : l);
+                return this.color = new RGB(rgb.r, rgb.g, rgb.b, opacity), this;
+            }
+            setRGB(r, g, b) {
+                return common_isNil(r) || (this.color.r = r), common_isNil(g) || (this.color.g = g), common_isNil(b) || (this.color.b = b), this;
+            }
+            setHex(value) {
+                const formatValue = `${value}`.trim().toLowerCase(), res = setHex(formatValue, !0);
+                return null != res ? res : this;
+            }
+            setColorName(name) {
+                const hex = DEFAULT_COLORS[name.toLowerCase()];
+                return void 0 !== hex ? this.setHex(hex) : console.warn("THREE.Color: Unknown color " + name), this;
+            }
+            setScalar(scalar) {
+                return this.color.r = scalar, this.color.g = scalar, this.color.b = scalar, this;
+            }
+            setOpacity(o = 1) {
+                return this.color.opacity = o, this;
+            }
+            getLuminance() {
+                return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
+            }
+            getLuminance2() {
+                return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
+            }
+            getLuminance3() {
+                return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
+            }
+            getLuminanceWCAG() {
+                const RsRGB = this.color.r / 255, GsRGB = this.color.g / 255, BsRGB = this.color.b / 255;
+                let R, G, B;
+                R = RsRGB <= .03928 ? RsRGB / 12.92 : Math.pow((RsRGB + .055) / 1.055, 2.4), G = GsRGB <= .03928 ? GsRGB / 12.92 : Math.pow((GsRGB + .055) / 1.055, 2.4), B = BsRGB <= .03928 ? BsRGB / 12.92 : Math.pow((BsRGB + .055) / 1.055, 2.4);
+                return .2126 * R + .7152 * G + .0722 * B;
+            }
+            clone() {
+                return new Color(this.color.toString());
+            }
+            copyGammaToLinear(color, gammaFactor = 2) {
+                return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
+            }
+            copyLinearToGamma(color, gammaFactor = 2) {
+                const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
+                return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
+            }
+            convertGammaToLinear(gammaFactor) {
+                return this.copyGammaToLinear(this, gammaFactor), this;
+            }
+            convertLinearToGamma(gammaFactor) {
+                return this.copyLinearToGamma(this, gammaFactor), this;
+            }
+            copySRGBToLinear(color) {
+                return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
+            }
+            copyLinearToSRGB(color) {
+                return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
+            }
+            convertSRGBToLinear() {
+                return this.copySRGBToLinear(this), this;
+            }
+            convertLinearToSRGB() {
+                return this.copyLinearToSRGB(this), this;
+            }
+        }
+        class RGB {
+            constructor(r, g, b, opacity){
+                this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), common_isValid(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
+            }
+            formatHex() {
+                return `#${Color_hex(this.r) + Color_hex(this.g) + Color_hex(this.b) + (1 === this.opacity ? "" : Color_hex(255 * this.opacity))}`;
+            }
+            formatRgb() {
+                const opacity = this.opacity;
+                return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
+            }
+            formatHsl() {
+                const opacity = this.opacity, { h: h, s: s, l: l } = rgbToHsl(this.r, this.g, this.b);
+                return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
+            }
+            toString() {
+                return this.formatHex();
+            }
+        }
+        const splitLine = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { annotation, chartType, datasetReshapeInfo } = advancedVSeed;
+            if (!annotation || !annotation.annotationHorizontalLine) return spec;
+            const baseConfig = advancedVSeed.config[chartType];
+            const splitLineConfig = array_array(annotation.annotationHorizontalLine).find((item)=>!!item.splitLine);
+            const splitValue = +splitLineConfig?.yValue;
+            if (Number.isNaN(splitValue) || !chunk_6GTAPB47_e(splitValue)) return spec;
+            const result = {
+                ...spec
+            };
+            const colorTheme = baseConfig?.color ?? {};
+            const colorConfig = {
+                positiveColor: colorTheme.positiveColor || 'red',
+                negativeColor: colorTheme.negativeColor || 'green',
+                ...chunk_BZNENX2T_r(splitLineConfig?.splitLine) ? splitLineConfig?.splitLine : {}
+            };
+            const groupMark = {
+                type: 'group',
+                name: 'annotationHorizontalLine-splitLine',
+                zIndex: 300,
+                style: {
+                    splitConfig: (datum, ctx)=>{
+                        const vchart = ctx.vchart;
+                        const chart = vchart.getChart();
+                        const lineSeries = chart.getAllSeries().find((s)=>'line' === s.type || 'area' === s.type);
+                        if (!lineSeries) return;
+                        const lineMark = lineSeries.getMarkInName('line') ?? lineSeries.getMarkInName('area');
+                        if (!lineMark) return;
+                        const lineGraphics = lineMark.getGraphics();
+                        if (!lineGraphics || 1 !== lineGraphics.length || !lineGraphics[0]) return;
+                        const points = lineGraphics[0].attribute.points ?? [];
+                        if (lineGraphics[0].attribute.segments?.length) lineGraphics[0].attribute.segments.forEach((seg)=>{
+                            seg.points.forEach((pt)=>{
+                                points.push({
+                                    x: pt.x,
+                                    y: pt.y
+                                });
+                            });
+                        });
+                        if (!points || !points.length) return;
+                        const splitCoordinate = lineSeries.getYAxisHelper().getScale(0).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);
+                        const lineStroke = {
+                            gradient: 'linear',
+                            x0: 0,
+                            x1: 0,
+                            y0: 0,
+                            y1: 1,
+                            stops: [
+                                {
+                                    color: colorConfig.positiveColor,
+                                    offset: 0
+                                },
+                                {
+                                    color: colorConfig.positiveColor,
+                                    offset: ratio
+                                },
+                                {
+                                    color: colorConfig.negativeColor,
+                                    offset: ratio + 0.0000001
+                                },
+                                {
+                                    color: colorConfig.negativeColor,
+                                    offset: 1
+                                }
+                            ]
+                        };
+                        const areaFill = {
+                            gradient: 'linear',
+                            x0: 0,
+                            x1: 0,
+                            y0: 0,
+                            y1: 1,
+                            stops: [
+                                {
+                                    color: colorConfig.positiveColor,
+                                    offset: 0
+                                },
+                                {
+                                    color: new Color(colorConfig.positiveColor).setOpacity(0).toRGBA(),
+                                    offset: ratio
+                                },
+                                {
+                                    offset: ratio + 0.0000001,
+                                    color: new Color(colorConfig.negativeColor).setOpacity(0).toRGBA()
+                                },
+                                {
+                                    color: colorConfig.negativeColor,
+                                    offset: 1
+                                }
+                            ]
+                        };
+                        const attrs = {
+                            segments: null,
+                            points
+                        };
+                        if ('area' === lineGraphics[0].type) {
+                            attrs.stroke = lineStroke;
+                            attrs.fill = areaFill;
+                        } else attrs.stroke = lineStroke;
+                        lineGraphics[0].setAttributes(attrs);
+                        lineGraphics[0].setFinalAttributes?.(attrs);
+                        const start = lineSeries.getRegion().getLayoutStartPoint();
+                        return {
+                            points: points.map((entry)=>({
+                                    x: entry.x + start.x,
+                                    y: entry.y + start.y
+                                })),
+                            splitCoordinate,
+                            areaFill,
+                            lineStroke
+                        };
+                    }
+                },
+                children: [
+                    {
+                        type: 'area',
+                        interactive: false,
+                        zIndex: 500,
+                        style: {
+                            fillOpacity: 0.5,
+                            points: (datum, ctx, opt)=>{
+                                const parentNode = opt.mark?._product?.parent;
+                                if (parentNode?.attribute?.splitConfig) {
+                                    const { points, splitCoordinate } = parentNode.attribute.splitConfig;
+                                    return points.map((entry)=>({
+                                            ...entry,
+                                            y1: splitCoordinate
+                                        }));
+                                }
+                                return [];
+                            },
+                            fill: (datum, ctx, opt)=>{
+                                const parentNode = opt.mark?._product?.parent;
+                                if (parentNode?.attribute?.splitConfig) {
+                                    const { areaFill } = parentNode.attribute.splitConfig;
+                                    return areaFill;
+                                }
+                            }
+                        }
+                    }
+                ]
+            };
+            if (!result.customMark) result.customMark = [];
+            result.customMark.push(groupMark);
+            const seriesSpec = 'line' === result.type || 'area' === result.type ? result : result.series?.find((s)=>'line' === s.type || 'area' === s.type);
+            if (seriesSpec) {
+                if (!seriesSpec.point) seriesSpec.point = {};
+                if (!seriesSpec.line) seriesSpec.line = {};
+                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)=>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,
+                    fill: (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor
+                };
+            }
+            return result;
+        };
         const initPivot = (spec)=>{
             const result = {
                 ...spec
@@ -4007,7 +4541,7 @@
                     isShowOverflowTextTooltip: true
                 },
                 corner: {
-                    titleOnDimension: 'all'
+                    titleOnDimension: 'row'
                 },
                 animationAppear: {
                     duration: 600,
@@ -4018,13 +4552,14 @@
         };
         const pivotGridStyle = (spec, context)=>{
             const { vseed, advancedVSeed } = context;
-            const { config, chartType } = advancedVSeed;
+            const { config, chartType, dimensions } = 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';
@@ -4042,12 +4577,12 @@
                     bodyStyle: {
                         borderColor,
                         color: bodyFontColor,
-                        borderLineWidth: [
-                            1,
-                            outlineBorderLineWidth,
-                            0,
-                            1
-                        ],
+                        borderLineWidth: (arg)=>[
+                                0 === arg.row ? outlineBorderLineWidth : 1,
+                                outlineBorderLineWidth,
+                                0,
+                                0 === arg.col ? outlineBorderLineWidth : 1
+                            ],
                         bgColor: transparent,
                         hover: {
                             cellBgColor: 'transparent'
@@ -4056,12 +4591,12 @@
                     headerStyle: {
                         borderColor,
                         fontSize: 12,
-                        borderLineWidth: [
-                            outlineBorderLineWidth,
-                            outlineBorderLineWidth,
-                            1,
-                            1
-                        ],
+                        borderLineWidth: (arg)=>[
+                                outlineBorderLineWidth,
+                                outlineBorderLineWidth,
+                                1,
+                                0 === arg.col ? outlineBorderLineWidth : 1
+                            ],
                         color: headerFontColor,
                         textAlign: 'center',
                         bgColor: headerBackgroundColor,
@@ -4081,12 +4616,12 @@
                             0,
                             4
                         ],
-                        borderLineWidth: [
-                            1,
-                            1,
-                            1,
-                            outlineBorderLineWidth
-                        ],
+                        borderLineWidth: (arg)=>[
+                                0 === arg.row ? outlineBorderLineWidth : 1,
+                                1,
+                                0,
+                                outlineBorderLineWidth
+                            ],
                         bgColor: headerBackgroundColor,
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor,
@@ -4114,13 +4649,7 @@
                         ],
                         bgColor: headerBackgroundColor,
                         frameStyle: {
-                            borderColor,
-                            borderLineWidth: [
-                                outlineBorderLineWidth,
-                                0,
-                                0,
-                                outlineBorderLineWidth
-                            ]
+                            borderColor
                         },
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor,
@@ -4134,9 +4663,9 @@
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
+                                outlineBorderLineWidth,
                                 outlineBorderLineWidth,
                                 1,
-                                0,
                                 1
                             ]
                         },
@@ -4148,7 +4677,7 @@
                     cornerLeftBottomCellStyle: {
                         borderColor,
                         borderLineWidth: [
-                            1,
+                            outlineBorderLineWidth,
                             0,
                             outlineBorderLineWidth,
                             outlineBorderLineWidth
@@ -4169,14 +4698,19 @@
                     },
                     cornerRightBottomCellStyle: {
                         borderColor,
-                        borderLineWidth: 0,
                         bgColor: headerBackgroundColor,
+                        borderLineWidth: [
+                            1,
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth,
+                            1
+                        ],
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
                                 1,
-                                1,
-                                1,
+                                outlineBorderLineWidth,
+                                outlineBorderLineWidth,
                                 1
                             ]
                         },
@@ -4186,9 +4720,15 @@
                     },
                     rightFrozenStyle: {
                         borderColor,
-                        borderLineWidth: 1,
                         bgColor: headerBackgroundColor,
+                        borderLineWidth: (arg)=>[
+                                0 === arg.row || hasColumnDimension && 1 === arg.row ? outlineBorderLineWidth : 1,
+                                outlineBorderLineWidth,
+                                0,
+                                1
+                            ],
                         hover: {
+                            borderLineWidth: 0,
                             cellBgColor: hoverHeaderBackgroundColor
                         }
                     },
@@ -4300,6 +4840,16 @@
                 records: records
             };
         };
+        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;
+                });
+                return result;
+            };
         const pivotRowDimensions = (spec, context)=>{
             const result = {
                 ...spec
@@ -4334,6 +4884,31 @@
                 columns: columns
             };
         };
+        const pivotTitle = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType]?.pivotGrid ?? {};
+            if (result.columns && result.columns.length > 0) result.title = {
+                text: spec.columns.map((entry)=>entry.title).join('/'),
+                align: 'center',
+                orient: 'top',
+                padding: [
+                    2,
+                    0,
+                    0,
+                    0
+                ],
+                textStyle: {
+                    fontSize: themConfig.titleFontSize ?? 12,
+                    fill: themConfig.titleFontColor ?? '#000',
+                    fontWeight: themConfig.titleFontWeight ?? 'bold'
+                }
+            };
+            return result;
+        };
         const pivotDiscreteLegend = (spec, context)=>{
             const result = {
                 ...spec
@@ -4427,7 +5002,7 @@
                         }
                     },
                     label: {
-                        formatMethod: (value)=>colorIdMap[value] ?? value,
+                        formatMethod: (value)=>colorIdMap[value]?.alias ?? value,
                         style: {
                             fontSize: labelFontSize,
                             fill: labelColor || labelFontColor,
@@ -4552,7 +5127,8 @@
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationArea_annotationArea
+            annotationArea_annotationArea,
+            splitLine
         ];
         const pivotLine = [
             initPivot,
@@ -4566,7 +5142,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 verticalCrosshairLine,
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -4576,10 +5152,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                splitLine
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const lineSpecPipeline = [
@@ -4616,12 +5194,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 = [];
@@ -4635,9 +5213,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));
@@ -4722,7 +5300,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -5070,23 +5648,10 @@
                 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
-            ] : [];
-        }
         function clamper(a, b) {
             let t;
             return a > b && (t = a, a = b, b = t), (x)=>Math.max(a, Math.min(b, x));
         }
-        const isNil = (value)=>null == value;
-        const common_isNil = isNil;
         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;
@@ -5548,13 +6113,14 @@
             pivotIndicators_pivotIndicators([
                 initColumn,
                 stackCornerRadius_stackCornerRadius,
+                barMaxWidth_barMaxWidth,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairRect,
@@ -5567,6 +6133,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnSpecPipeline = [
@@ -5615,7 +6182,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -5696,7 +6263,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;
@@ -5748,12 +6315,13 @@
             pivotIndicators_pivotIndicators([
                 initColumnParallel,
                 stackCornerRadius_stackCornerRadius,
+                barMaxWidth_barMaxWidth,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairRect,
@@ -5765,6 +6333,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnParallelSpecPipeline = [
@@ -5778,7 +6347,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForColumn,
                 buildMeasures
@@ -5842,13 +6411,14 @@
                 initColumn,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
+                barMaxWidth_barMaxWidth,
                 colorAdapter(color_color, linearColor),
                 percent_percent,
                 background_backgroundColor,
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairRect,
@@ -5860,6 +6430,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnPercentSpecPipeline = [
@@ -5896,12 +6467,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 = [];
@@ -5915,9 +6486,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));
@@ -5958,7 +6529,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -6282,12 +6853,13 @@
             pivotIndicators_pivotIndicators([
                 initBar,
                 stackCornerRadius_stackCornerRadius,
+                barMaxWidth_barMaxWidth,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetYX,
                 progressive,
                 xLinear,
-                yBand,
+                pivotAxisStyle(yBand),
                 label_label,
                 tooltip_tooltip,
                 colorBarStyleFill(barStyle_barStyle),
@@ -6299,6 +6871,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barSpecPipeline = [
@@ -6312,7 +6885,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -6353,7 +6926,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;
@@ -6395,11 +6968,12 @@
             pivotIndicators_pivotIndicators([
                 initBarParallel,
                 stackCornerRadius_stackCornerRadius,
+                barMaxWidth_barMaxWidth,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetYX,
                 xLinear,
-                yBand,
+                pivotAxisStyle(yBand),
                 label_label,
                 tooltip_tooltip,
                 colorBarStyleFill(barStyle_barStyle),
@@ -6411,6 +6985,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barParallelSpecPipeline = [
@@ -6424,7 +6999,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForBar,
                 buildMeasures
@@ -6479,12 +7054,13 @@
             pivotIndicators_pivotIndicators([
                 initBar,
                 stackCornerRadius_stackCornerRadius,
+                barMaxWidth_barMaxWidth,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 percent_percent,
                 datasetYX,
-                yBand,
                 xLinear,
+                pivotAxisStyle(yBand),
                 label_label,
                 tooltip_tooltip,
                 colorBarStyleFill(barStyle_barStyle),
@@ -6496,6 +7072,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barPercentSpecPipeline = [
@@ -6509,7 +7086,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -6660,7 +7237,8 @@
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationArea_annotationArea
+            annotationArea_annotationArea,
+            splitLine
         ];
         const pivotArea = [
             initPivot,
@@ -6675,7 +7253,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
@@ -6686,10 +7264,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                splitLine
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const areaSpecPipeline = [
@@ -6703,7 +7283,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForLine,
                 buildMeasures
@@ -6766,7 +7346,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
@@ -6781,6 +7361,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const areaPercentSpecPipeline = [
@@ -6817,10 +7398,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 = [];
@@ -6829,12 +7410,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));
@@ -7046,6 +7627,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)=>{
@@ -7065,7 +7647,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);
@@ -7075,7 +7658,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);
@@ -7112,7 +7696,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForScatter,
                 buildMeasuresForScatter
@@ -7269,12 +7853,7 @@
                     visible: true,
                     hasShape: true,
                     shapeType: 'rectRound',
-                    key: (v)=>{
-                        const { measureId, foldMap } = foldInfo;
-                        const datum = v;
-                        const id = datum[measureId];
-                        return foldMap[id] || id;
-                    },
+                    key: Object.values(foldInfo.foldMap)[0],
                     value: (v)=>{
                         const { measureId, measureValue } = foldInfo;
                         const datum = v;
@@ -7757,7 +8336,7 @@
                 datasetScatter,
                 progressive,
                 xLinear,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 scatterSize,
                 labelScatter,
                 tooltipScatter,
@@ -7774,6 +8353,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const scatterSpecPipeline = [
@@ -7810,12 +8390,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 = [];
@@ -7829,9 +8409,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));
@@ -8010,6 +8590,7 @@
             const { vseed } = context;
             const { dataset } = vseed;
             const { dimensions = [], measures = [], encoding, chartType } = advancedVSeed;
+            const allMeasures = findAllMeasures(measures);
             const datasetList = [];
             const datasetReshapeInfo = [];
             const measureGroups = [];
@@ -8029,7 +8610,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);
@@ -8039,7 +8621,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);
@@ -8105,7 +8688,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForDualAxis,
                 buildMeasuresForDualAxis
@@ -8457,7 +9040,7 @@
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[0], unfoldInfo)
+                    content: createDimensionContent(dimensions, measures, foldInfoList[0], unfoldInfo)
                 }
             };
             return result;
@@ -8488,7 +9071,7 @@
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[1], unfoldInfo)
+                    content: createDimensionContent(dimensions, measures, foldInfoList[1], unfoldInfo)
                 }
             };
             return result;
@@ -8787,7 +9370,7 @@
                 ]),
                 xBand,
                 yLinearPrimary,
-                yLinearSecondary,
+                pivotAxisStyle(yLinearSecondary),
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 verticalCrosshairRect,
@@ -8798,6 +9381,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const dualAxisSpecPipeline = [
@@ -8837,7 +9421,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 = [];
@@ -8846,12 +9430,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));
@@ -8876,7 +9460,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForPie,
                 buildMeasures
@@ -8978,6 +9562,13 @@
                 ...spec,
                 hideIndicatorName: true
             });
+        const addRegionPadding = (spec)=>{
+            const result = {
+                ...spec
+            };
+            if (result.region && result.region.length > 0) result.region[0].padding = 10;
+            return result;
+        };
         const pie = [
             initPie,
             colorAdapter(color_color, linearColor),
@@ -9011,10 +9602,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                addRegionPadding
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const pieSpecPipeline = [
@@ -9028,7 +9621,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForPie,
                 buildMeasures
@@ -9095,6 +9688,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initDonut,
+                addRegionPadding,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
@@ -9109,6 +9703,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const donutSpecPipeline = [
@@ -9145,12 +9740,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 = [];
@@ -9164,9 +9759,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));
@@ -9191,7 +9786,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRose,
                 buildMeasures
@@ -9315,6 +9910,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRose,
+                addRegionPadding,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
@@ -9329,6 +9925,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseSpecPipeline = [
@@ -9342,7 +9939,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRose,
                 buildMeasures
@@ -9380,7 +9977,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;
@@ -9435,6 +10032,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRoseParallel,
+                addRegionPadding,
                 stackCornerRadius_stackCornerRadius,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -9452,6 +10050,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseParallelSpecPipeline = [
@@ -9491,7 +10090,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 = [];
@@ -9505,12 +10104,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));
@@ -9535,7 +10134,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForRadar,
                 buildMeasures
@@ -9652,6 +10251,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRadar,
+                addRegionPadding,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
@@ -9668,6 +10268,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const radarSpecPipeline = [
@@ -9707,7 +10308,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 = [];
@@ -9716,12 +10317,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));
@@ -9748,7 +10349,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForFunnel,
                 buildMeasures
@@ -9884,6 +10485,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const funnelSpecPipeline = [
@@ -9920,13 +10522,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 = [];
@@ -9943,9 +10545,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));
@@ -9974,7 +10576,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             encodingAdapter([
                 defaultEncodingForHeatmap,
                 buildMeasures
@@ -10190,7 +10792,7 @@
             pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators_pivotIndicators([
-                initHeatmap,
+                pivotAxisStyle(initHeatmap),
                 background_backgroundColor,
                 datasetXY,
                 colorAdapter(color_color, linearColor),
@@ -10204,6 +10806,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const heatmapSpecPipeline = [
@@ -10260,18 +10863,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 = [];
@@ -10283,9 +10886,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));
@@ -10312,10 +10915,6 @@
                 ...tooltip
             ]);
         };
-        const clamp_clamp = function(input, min, max) {
-            return input < min ? min : input > max ? max : input;
-        };
-        const clamp = clamp_clamp;
         function toNumber(a) {
             return Number(a);
         }
@@ -10553,7 +11152,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             boxplotConfig,
             encodingAdapter([
                 defaultEncodingForBoxplot,
@@ -10599,7 +11198,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 = [
@@ -10747,7 +11346,7 @@
                 datasetBoxplot,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltipBoxplot,
                 colorBarStyleFill(barStyle_barStyle),
@@ -10759,6 +11358,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const boxplotSpecPipeline = [
@@ -10823,10 +11423,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 = [];
@@ -10836,9 +11436,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));
@@ -11136,7 +11736,7 @@
             initAdvancedVSeed_initAdvancedVSeed,
             default_defaultMeasures_defaultMeasures,
             defaultDimensions_defaultDimensions,
-            defaultMeasureName_defaultMeasureName,
+            defaultMeasureId,
             histogramConfig,
             encodingAdapter([
                 defaultEncodingForHistogram,
@@ -11622,7 +12222,7 @@
                 datasetHistogram,
                 progressive,
                 xLinear,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltipHistogram,
                 colorBarStyleFill(barStyle_barStyle),
@@ -11636,6 +12236,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const histogramSpecPipeline = [
@@ -11707,11 +12308,15 @@
             ];
         const getLightColor = ()=>({
                 linearColorScheme: getLightLinearColorScheme(),
-                colorScheme: getLightColorScheme()
+                colorScheme: getLightColorScheme(),
+                positiveColor: '#7E5DFF',
+                negativeColor: '#EB3373'
             });
         const getDarkColor = ()=>({
                 linearColorScheme: getDarkLinearColorScheme(),
-                colorScheme: getDarkColorScheme()
+                colorScheme: getDarkColorScheme(),
+                positiveColor: '#7E5DFF',
+                negativeColor: '#EB3373'
             });
         const getDefaultLabel = ()=>({
                 enable: true,
@@ -11779,7 +12384,10 @@
                 headerFontColor: tableConfig.headerFontColor,
                 headerBackgroundColor: 'transparent',
                 hoverHeaderBackgroundColor: tableConfig.hoverHeaderBackgroundColor,
-                hoverHeaderInlineBackgroundColor: tableConfig.hoverHeaderInlineBackgroundColor
+                hoverHeaderInlineBackgroundColor: tableConfig.hoverHeaderInlineBackgroundColor,
+                titleFontColor: tableConfig.headerFontColor,
+                titleFontSize: tableConfig.headerFontSize,
+                titleFontWeight: 'bold'
             });
         const getLightPivotChartGridConfig = ()=>pickPivotChartGridConfig(getLightTableConfig());
         const getDarkPivotChartGridConfig = ()=>pickPivotChartGridConfig(getDarkTableConfig());
@@ -12326,7 +12934,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getLightPivotChartGridConfig()
@@ -12336,7 +12944,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getLightPivotChartGridConfig()
@@ -12589,7 +13197,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getDarkPivotChartGridConfig()
@@ -12599,7 +13207,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getDarkPivotChartGridConfig()
@@ -16161,7 +16769,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(),
@@ -16720,7 +17331,10 @@
             outlineBorderLineWidth: schemas_number().nullish(),
             frameCornerRadius: schemas_number().nullish(),
             minChartWidth: schemas_number().nullish(),
-            minChartHeight: schemas_number().nullish()
+            minChartHeight: schemas_number().nullish(),
+            titleFontColor: schemas_string().nullish(),
+            titleFontSize: schemas_number().nullish(),
+            titleFontWeight: schemas_string().nullish()
         });
         const zLineConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),