@visactor/vseed 0.1.41 → 0.1.42

package/dist/umd/index.js

@@ -2306,22 +2306,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 +2324,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
@@ -2362,28 +2362,10 @@
                 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);
         }
@@ -3459,23 +3441,23 @@
                     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] || '';
-                    },
+                    } : Object.values(foldMap)[0],
                     value: (v)=>{
                         const datum = v;
                         if (!datum) return '';
@@ -3976,6 +3958,550 @@
                 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)=>{
+                    console.log(datum);
+                    return 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 +4533,7 @@
                     isShowOverflowTextTooltip: true
                 },
                 corner: {
-                    titleOnDimension: 'all'
+                    titleOnDimension: 'row'
                 },
                 animationAppear: {
                     duration: 600,
@@ -4018,13 +4544,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 +4569,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 +4583,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 +4608,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 +4641,7 @@
                         ],
                         bgColor: headerBackgroundColor,
                         frameStyle: {
-                            borderColor,
-                            borderLineWidth: [
-                                outlineBorderLineWidth,
-                                0,
-                                0,
-                                outlineBorderLineWidth
-                            ]
+                            borderColor
                         },
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor,
@@ -4134,9 +4655,9 @@
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
+                                outlineBorderLineWidth,
                                 outlineBorderLineWidth,
                                 1,
-                                0,
                                 1
                             ]
                         },
@@ -4148,7 +4669,7 @@
                     cornerLeftBottomCellStyle: {
                         borderColor,
                         borderLineWidth: [
-                            1,
+                            outlineBorderLineWidth,
                             0,
                             outlineBorderLineWidth,
                             outlineBorderLineWidth
@@ -4169,14 +4690,19 @@
                     },
                     cornerRightBottomCellStyle: {
                         borderColor,
-                        borderLineWidth: 0,
                         bgColor: headerBackgroundColor,
+                        borderLineWidth: [
+                            1,
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth,
+                            1
+                        ],
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
                                 1,
-                                1,
-                                1,
+                                outlineBorderLineWidth,
+                                outlineBorderLineWidth,
                                 1
                             ]
                         },
@@ -4186,9 +4712,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 +4832,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 +4876,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
@@ -4552,7 +5119,8 @@
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationArea_annotationArea
+            annotationArea_annotationArea,
+            splitLine
         ];
         const pivotLine = [
             initPivot,
@@ -4566,7 +5134,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 verticalCrosshairLine,
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -4576,10 +5144,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                splitLine
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const lineSpecPipeline = [
@@ -5070,23 +5640,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 +6105,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 +6125,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnSpecPipeline = [
@@ -5748,12 +6307,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 +6325,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnParallelSpecPipeline = [
@@ -5842,13 +6403,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 +6422,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const columnPercentSpecPipeline = [
@@ -6282,12 +6845,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 +6863,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barSpecPipeline = [
@@ -6395,11 +6960,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 +6977,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barParallelSpecPipeline = [
@@ -6479,12 +7046,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 +7064,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const barPercentSpecPipeline = [
@@ -6660,7 +7229,8 @@
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationArea_annotationArea
+            annotationArea_annotationArea,
+            splitLine
         ];
         const pivotArea = [
             initPivot,
@@ -6675,7 +7245,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
@@ -6686,10 +7256,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                splitLine
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const areaSpecPipeline = [
@@ -6766,7 +7338,7 @@
                 datasetXY,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltip_tooltip,
                 verticalCrosshairLine,
@@ -6781,6 +7353,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const areaPercentSpecPipeline = [
@@ -7269,12 +7842,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 +8325,7 @@
                 datasetScatter,
                 progressive,
                 xLinear,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 scatterSize,
                 labelScatter,
                 tooltipScatter,
@@ -7774,6 +8342,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const scatterSpecPipeline = [
@@ -8457,7 +9026,7 @@
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[0], unfoldInfo)
+                    content: createDimensionContent(dimensions, measures, foldInfoList[0], unfoldInfo)
                 }
             };
             return result;
@@ -8488,7 +9057,7 @@
                     title: {
                         visible: true
                     },
-                    content: createDimensionContent(measures, foldInfoList[1], unfoldInfo)
+                    content: createDimensionContent(dimensions, measures, foldInfoList[1], unfoldInfo)
                 }
             };
             return result;
@@ -8787,7 +9356,7 @@
                 ]),
                 xBand,
                 yLinearPrimary,
-                yLinearSecondary,
+                pivotAxisStyle(yLinearSecondary),
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 verticalCrosshairRect,
@@ -8798,6 +9367,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const dualAxisSpecPipeline = [
@@ -8978,6 +9548,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 +9588,12 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationArea_annotationArea,
+                addRegionPadding
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const pieSpecPipeline = [
@@ -9095,6 +9674,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initDonut,
+                addRegionPadding,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
@@ -9109,6 +9689,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const donutSpecPipeline = [
@@ -9315,6 +9896,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRose,
+                addRegionPadding,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
@@ -9329,6 +9911,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseSpecPipeline = [
@@ -9435,6 +10018,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRoseParallel,
+                addRegionPadding,
                 stackCornerRadius_stackCornerRadius,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -9452,6 +10036,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const roseParallelSpecPipeline = [
@@ -9652,6 +10237,7 @@
             datasetPivot,
             pivotIndicators_pivotIndicators([
                 initRadar,
+                addRegionPadding,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
                 datasetXY,
@@ -9668,6 +10254,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const radarSpecPipeline = [
@@ -9884,6 +10471,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const funnelSpecPipeline = [
@@ -10190,7 +10778,7 @@
             pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators_pivotIndicators([
-                initHeatmap,
+                pivotAxisStyle(initHeatmap),
                 background_backgroundColor,
                 datasetXY,
                 colorAdapter(color_color, linearColor),
@@ -10204,6 +10792,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const heatmapSpecPipeline = [
@@ -10312,10 +10901,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);
         }
@@ -10747,7 +11332,7 @@
                 datasetBoxplot,
                 progressive,
                 xBand,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltipBoxplot,
                 colorBarStyleFill(barStyle_barStyle),
@@ -10759,6 +11344,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const boxplotSpecPipeline = [
@@ -11622,7 +12208,7 @@
                 datasetHistogram,
                 progressive,
                 xLinear,
-                yLinear,
+                pivotAxisStyle(yLinear),
                 label_label,
                 tooltipHistogram,
                 colorBarStyleFill(barStyle_barStyle),
@@ -11636,6 +12222,7 @@
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
+            pivotTitle,
             colorAdapter(pivotDiscreteLegend, pivotColorLegend)
         ];
         const histogramSpecPipeline = [
@@ -11707,11 +12294,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 +12370,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 +12920,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getLightPivotChartGridConfig()
@@ -12336,7 +12930,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getLightPivotChartGridConfig()
@@ -12589,7 +13183,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getDarkPivotChartGridConfig()
@@ -12599,7 +13193,7 @@
                         label: {
                             ...baseConfig.label,
                             showValuePercent: true,
-                            labelLayout: 'labelLine',
+                            labelLayout: 'arc',
                             showDimension: true
                         },
                         pivotGrid: getDarkPivotChartGridConfig()
@@ -16720,7 +17314,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(),