@visactor/vseed 0.0.36 → 0.0.37

package/dist/umd/index.js

@@ -30,6 +30,7 @@
         var __webpack_exports__ = {};
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
+            zTooltip: ()=>zTooltip,
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
             zHeatmapConfig: ()=>zHeatmapConfig,
             zBar: ()=>zBar,
@@ -54,6 +55,7 @@
             zDualMeasure: ()=>zDualMeasure,
             zSortLegend: ()=>zSortLegend,
             pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
+            isMeasures: ()=>isMeasures,
             zYBandAxis: ()=>zYBandAxis,
             dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
             zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
@@ -107,31 +109,31 @@
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
-            isPartialDatumSelector: ()=>isPartialDatumSelector,
+            registerDarkTheme: ()=>registerDarkTheme,
             registerPivotTable: ()=>registerPivotTable,
-            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
-            pieSpecPipeline: ()=>pieSpecPipeline,
+            isPartialDatumSelector: ()=>isPartialDatumSelector,
+            isDimensionGroup: ()=>isDimensionGroup,
             dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
-            registerDarkTheme: ()=>registerDarkTheme,
-            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+            pieSpecPipeline: ()=>pieSpecPipeline,
+            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             barSpecPipeline: ()=>barSpecPipeline,
-            zChartType: ()=>zChartType,
+            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
             registerRose: ()=>registerRose,
-            zCrosshairLine: ()=>zCrosshairLine,
+            zChartType: ()=>zChartType,
             unfoldDimensions: ()=>unfoldDimensions,
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             registerTable: ()=>registerTable,
             autoFormatter: ()=>autoFormatter,
+            isMeasureGroup: ()=>isMeasureGroup,
             findFirstDimension: ()=>findFirstDimension,
-            Builder: ()=>Builder,
             registerAll: ()=>registerAll,
             registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
             radarSpecPipeline: ()=>radarSpecPipeline,
+            Builder: ()=>Builder,
+            zCrosshairLine: ()=>zCrosshairLine,
             zMeasureTree: ()=>zMeasureTree,
             zPieConfig: ()=>zPieConfig,
-            zPivotTable: ()=>zPivotTable,
-            zRadar: ()=>zRadar,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
@@ -151,7 +153,7 @@
             zAxis: ()=>zAxis,
             isVTable: ()=>isVTable,
             zMeasures: ()=>zMeasures,
-            zRadarConfig: ()=>zRadarConfig,
+            zPivotTable: ()=>zPivotTable,
             zLine: ()=>zLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
             UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
@@ -160,8 +162,9 @@
             zLinearColor: ()=>zLinearColor,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zRadarConfig: ()=>zRadarConfig,
             zAnnotationArea: ()=>zAnnotationArea,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             zUnfoldInfo: ()=>zUnfoldInfo,
             zRose: ()=>zRose,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
@@ -172,7 +175,9 @@
             registerColumnParallel: ()=>registerColumnParallel,
             updateAdvanced: ()=>updateAdvanced,
             zDimension: ()=>zDimension,
+            zRadar: ()=>zRadar,
             zTable: ()=>zTable,
+            isMeasure: ()=>isMeasure,
             FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
             zSort: ()=>zSort,
             isPivotChart: ()=>isPivotChart,
@@ -194,8 +199,8 @@
             registerBarParallel: ()=>registerBarParallel,
             registerRadar: ()=>registerRadar,
             zLocale: ()=>zLocale,
+            isDimension: ()=>isDimension,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
-            zMeasure: ()=>zMeasure,
             areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
             areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
             dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
@@ -208,9 +213,10 @@
             zConfig: ()=>zConfig,
             zEncoding: ()=>zEncoding,
             zBarStyle: ()=>zBarStyle,
+            zMeasure: ()=>zMeasure,
             zRoseParallelConfig: ()=>zRoseParallelConfig,
-            zXLinearAxis: ()=>zXLinearAxis,
             zAreaPercent: ()=>zAreaPercent,
+            zXLinearAxis: ()=>zXLinearAxis,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             isValueSelector: ()=>isValueSelector,
             donutAdvancedPipeline: ()=>donutAdvancedPipeline,
@@ -228,8 +234,8 @@
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
             zBarPercentConfig: ()=>zBarPercentConfig,
             lineSpecPipeline: ()=>lineSpecPipeline,
+            isDimensions: ()=>isDimensions,
             zScatterConfig: ()=>zScatterConfig,
-            zTooltip: ()=>zTooltip,
             createFormatter: ()=>createFormatter,
             zDimensionGroup: ()=>zDimensionGroup,
             isMeasureSelector: ()=>isMeasureSelector,
@@ -609,11 +615,6 @@
                 dataset
             };
         };
-        function chunk_BZNENX2T_r(o) {
-            if ("object" != typeof o || null === o) return !1;
-            let e = Object.getPrototypeOf(o);
-            return null === e || e === Object.prototype;
-        }
         function chunk_D6FCK2GA_u(o, n, a) {
             let t = (r)=>o(r, ...n);
             return void 0 === a ? t : Object.assign(t, {
@@ -627,6 +628,46 @@
             if (1 === a) return chunk_D6FCK2GA_u(r, n, o);
             throw new Error("Wrong number of arguments");
         }
+        function chunk_2T7K3PFL_i(...e) {
+            return chunk_WIMGWYZL_u(chunk_2T7K3PFL_o, e);
+        }
+        function chunk_2T7K3PFL_o(e, s) {
+            let r = {};
+            for (let n of s)n in e && (r[n] = e[n]);
+            return r;
+        }
+        const tableConfig_tableConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const config = chunk_2T7K3PFL_i(vseed, [
+                'backgroundColor',
+                'bodyFontSize',
+                'bodyFontColor',
+                'bodyBackgroundColor',
+                'headerFontSize',
+                'headerFontColor',
+                'headerBackgroundColor',
+                'hoverHeaderBackgroundColor',
+                'hoverHeaderInlineBackgroundColor',
+                'selectedBorderColor',
+                'selectedBackgroundColor'
+            ]);
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...config
+                }
+            };
+            return result;
+        };
+        function chunk_BZNENX2T_r(o) {
+            if ("object" != typeof o || null === o) return !1;
+            let e = Object.getPrototypeOf(o);
+            return null === e || e === Object.prototype;
+        }
         function D(...e) {
             return chunk_WIMGWYZL_u(chunk_PDQFB3TV_s, e);
         }
@@ -667,6 +708,12 @@
             for (let [e, c] of n.entries())r[e] = chunk_BCBB46UE_u(c, o, t);
             return r;
         }
+        function chunk_SFZGYJFI_t(r) {
+            return "string" == typeof r;
+        }
+        function chunk_6GTAPB47_e(r) {
+            return "number" == typeof r && !Number.isNaN(r);
+        }
         function chunk_NMC53JVB_o(e) {
             return "object" == typeof e && null !== e;
         }
@@ -705,6 +752,7 @@
             return result;
         };
         const mergeArray = (arr, themeItem)=>{
+            if (chunk_JK3VNB42_n(themeItem) || chunk_SFZGYJFI_t(themeItem) || chunk_6GTAPB47_e(themeItem)) return arr;
             if (!Array.isArray(arr)) return arr;
             if (arr.some((d)=>!chunk_NMC53JVB_o(d))) return arr;
             return arr.map((item)=>chunk_5S4PYKVY_t(themeItem, item));
@@ -714,11 +762,14 @@
             autoMeasures,
             autoDimensions,
             records_records,
+            tableConfig_tableConfig,
             theme_theme
         ];
         const initTable = (spec, context)=>{
             const { advancedVSeed } = context;
             const { dataset } = advancedVSeed;
+            const { config } = advancedVSeed;
+            const { backgroundColor = 'transparent' } = config.table || {};
             return {
                 ...spec,
                 records: dataset,
@@ -740,23 +791,26 @@
                     highlightMode: 'row'
                 },
                 theme: {
-                    underlayBackgroundColor: 'transparent'
+                    underlayBackgroundColor: backgroundColor
                 }
             };
         };
-        const measureTreeToColumns = (spec, context)=>{
+        const isMeasure = (measure)=>!('children' in measure);
+        const isMeasureGroup = (measure)=>'children' in measure;
+        const isMeasures = (measures)=>measures.every(isMeasure);
+        const dimensionTreeToColumns = (spec, context)=>{
             const { advancedVSeed } = context;
-            const measures = advancedVSeed.measures;
+            const dimensions = advancedVSeed.dimensions;
             const result = {
                 ...spec
             };
             const eachNode = (node)=>{
-                if ('children' in node) return {};
-                return {
+                if (isMeasure(node)) return {
                     width: 'auto'
                 };
+                return {};
             };
-            const columns = treeTreeToColumns(measures, eachNode);
+            const columns = treeTreeToColumns(dimensions, eachNode);
             return {
                 ...result,
                 columns: [
@@ -765,19 +819,109 @@
                 ]
             };
         };
-        const dimensionTreeToColumns = (spec, context)=>{
+        const treeTreeToColumns = (tree, callback)=>{
+            const result = tree.map((item)=>{
+                if ('children' in item && Array.isArray(item.children)) {
+                    const groupNode = item;
+                    const field = groupNode.id;
+                    const title = groupNode.alias ?? groupNode.id;
+                    const props = callback?.(groupNode) || {};
+                    return {
+                        field,
+                        title,
+                        columns: treeTreeToColumns(item.children, callback),
+                        ...props
+                    };
+                }
+                {
+                    const field = item.id;
+                    const title = item.alias ?? item.id;
+                    const props = callback?.(item) || {};
+                    return {
+                        field,
+                        title,
+                        ...props
+                    };
+                }
+            });
+            return result || [];
+        };
+        function chunk_VCYTMP4D_n(e) {
+            return void 0 === e ? !0 : "string" == typeof e || Array.isArray(e) ? 0 === e.length : 0 === Object.keys(e).length;
+        }
+        const createNumFormatter = (format, locale = intl.getLocale())=>{
+            const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
+            const numFormatterOptions = {
+                style: 'decimal',
+                notation: 'scientific' === type ? 'scientific' : 'standard',
+                roundingMode,
+                roundingPriority
+            };
+            if (chunk_6GTAPB47_e(fractionDigits)) {
+                if (fractionDigits >= 0) {
+                    numFormatterOptions.minimumFractionDigits = fractionDigits;
+                    numFormatterOptions.maximumFractionDigits = fractionDigits;
+                }
+            }
+            if (chunk_6GTAPB47_e(significantDigits) && significantDigits > 0) {
+                if (significantDigits > 0) {
+                    numFormatterOptions.minimumSignificantDigits = significantDigits;
+                    numFormatterOptions.maximumSignificantDigits = significantDigits;
+                }
+            }
+            const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
+            return (value)=>{
+                let num = Number(value);
+                let typeSymbol = '';
+                if (Number.isNaN(num)) return String(value);
+                if ('percent' === type) {
+                    num *= 100;
+                    typeSymbol = '%';
+                } else if ('permille' === type) {
+                    num *= 1000;
+                    typeSymbol = "\u2030";
+                } else if ('number' === type) num /= ratio || 1;
+                let numStr = numFormatter.format(num);
+                if (thousandSeparator) {
+                    const parts = numStr.split('.');
+                    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+                    numStr = parts.join('.');
+                }
+                return `${prefix}${numStr}${typeSymbol}${symbol}${suffix}`;
+            };
+        };
+        const autoNumFormatter = (value, locale = intl.getLocale())=>{
+            if (null == value) return String(value);
+            const num = Number(value);
+            if (Number.isNaN(num)) return String(value);
+            const numFormatterOptions = {
+                style: 'decimal',
+                notation: 'compact'
+            };
+            numFormatterOptions.minimumFractionDigits = 0;
+            numFormatterOptions.maximumFractionDigits = 2;
+            const numFormatter = new Intl.NumberFormat(locale, {
+                ...numFormatterOptions
+            });
+            return numFormatter.format(Number(value));
+        };
+        const createFormatter = (format)=>createNumFormatter(format);
+        const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
+        const measureTreeToColumns = (spec, context)=>{
             const { advancedVSeed } = context;
-            const dimensions = advancedVSeed.dimensions;
+            const { locale } = advancedVSeed;
+            const measures = advancedVSeed.measures;
             const result = {
                 ...spec
             };
             const eachNode = (node)=>{
-                if ('children' in node) return {};
-                return {
-                    width: 'auto'
+                if (isMeasure(node)) return {
+                    width: 'auto',
+                    fieldFormat: fieldFormat(node, locale)
                 };
+                return {};
             };
-            const columns = treeTreeToColumns(dimensions, eachNode);
+            const columns = measuresToColumns_treeTreeToColumns(measures, eachNode);
             return {
                 ...result,
                 columns: [
@@ -786,7 +930,16 @@
                 ]
             };
         };
-        const treeTreeToColumns = (tree, callback)=>{
+        const fieldFormat = (node, locale)=>(datum)=>{
+                const { format = {}, autoFormat = true, id } = node;
+                const value = datum[id];
+                if (!chunk_VCYTMP4D_n(format)) {
+                    const formatter = createFormatter(format);
+                    return formatter(value);
+                }
+                if (autoFormat) return autoFormatter(value, locale);
+            };
+        const measuresToColumns_treeTreeToColumns = (tree, callback)=>{
             const result = tree.map((item)=>{
                 if ('children' in item && Array.isArray(item.children)) {
                     const groupNode = item;
@@ -796,7 +949,7 @@
                     return {
                         field,
                         title,
-                        columns: treeTreeToColumns(item.children, callback),
+                        columns: measuresToColumns_treeTreeToColumns(item.children, callback),
                         ...props
                     };
                 }
@@ -818,8 +971,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themeConfig = customTheme?.config?.[chartType];
+            const { chartType, config } = advancedVSeed;
+            const themeConfig = config?.[chartType];
             if (!result.theme || !themeConfig) return result;
             const borderColor = themeConfig.borderColor || 'rgb(224, 224, 224)';
             const backgroundColor = themeConfig.bodyBackgroundColor || '#fff';
@@ -857,8 +1010,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themConfig = customTheme?.config?.[chartType];
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType];
             if (!result.theme || !themConfig) return result;
             const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
             const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -905,8 +1058,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themConfig = customTheme?.config?.[chartType];
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType];
             if (!result.theme || !themConfig) return result;
             const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
             result.theme.frameStyle = {
@@ -921,8 +1074,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themConfig = customTheme?.config?.[chartType];
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType];
             if (!result.theme || !themConfig) return result;
             const borderColor = themConfig.selectedBorderColor || 'rgb(224, 224, 224)';
             const backgroundColor = themConfig.selectedBackgroundColor || 'rgb(224, 224, 224, 0.5)';
@@ -1046,16 +1199,46 @@
                 }));
             return result;
         };
+        const pivotTableConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const config = chunk_2T7K3PFL_i(vseed, [
+                'backgroundColor',
+                'bodyFontSize',
+                'bodyFontColor',
+                'bodyBackgroundColor',
+                'headerFontSize',
+                'headerFontColor',
+                'headerBackgroundColor',
+                'hoverHeaderBackgroundColor',
+                'hoverHeaderInlineBackgroundColor',
+                'selectedBorderColor',
+                'selectedBackgroundColor'
+            ]);
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...config
+                }
+            };
+            return result;
+        };
         const pivotTableAdvancedPipeline = [
             initAdvancedVSeed,
             autoPivotMeasures,
             autoPivotDimensions,
             records_records,
+            pivotTableConfig,
             theme_theme
         ];
         const initPivotTable = (spec, context)=>{
             const { advancedVSeed } = context;
             const { dataset } = advancedVSeed;
+            const { config } = advancedVSeed;
+            const { backgroundColor = 'transparent' } = config.pivotTable || {};
             return {
                 ...spec,
                 records: dataset,
@@ -1084,7 +1267,7 @@
                     direction: 'row'
                 },
                 theme: {
-                    underlayBackgroundColor: 'transparent'
+                    underlayBackgroundColor: backgroundColor
                 }
             };
         };
@@ -1116,26 +1299,39 @@
         };
         const pivotIndicators = (spec, context)=>{
             const { advancedVSeed } = context;
+            const { locale } = advancedVSeed;
             const measures = advancedVSeed.measures;
             return {
                 ...spec,
                 indicatorsAsCol: true,
                 indicatorTitle: intl.i18n`指标名称`,
-                indicators: measures.map((item)=>({
+                indicators: measures.map((item)=>{
+                    if (isMeasure(item)) return {
                         cellType: 'text',
                         indicatorKey: item.id,
                         title: item.alias || item.id,
-                        width: 'auto'
-                    }))
+                        width: 'auto',
+                        format: pivotIndicators_fieldFormat(item, locale)
+                    };
+                    return {};
+                })
             };
         };
+        const pivotIndicators_fieldFormat = (node, locale)=>(value)=>{
+                const { format = {}, autoFormat = true } = node;
+                if (!chunk_VCYTMP4D_n(format)) {
+                    const formatter = createFormatter(format);
+                    return formatter(value);
+                }
+                if (autoFormat) return autoFormatter(value, locale);
+            };
         const rowHeaderStyle = (spec, context)=>{
             const result = {
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themConfig = customTheme?.config?.[chartType];
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType];
             if (!result.theme || !themConfig) return result;
             const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
             const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -1182,8 +1378,8 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { customTheme, chartType } = advancedVSeed;
-            const themConfig = customTheme?.config?.[chartType];
+            const { config, chartType } = advancedVSeed;
+            const themConfig = config?.[chartType];
             if (!result.theme || !themConfig) return result;
             const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
             const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -1205,9 +1401,9 @@
                 ],
                 textAlign: 'left',
                 hover: {
-                    cellBgColor: hoverCellColor,
-                    inlineRowBgColor: hoverInlineColor,
-                    inlineColumnBgColor: hoverInlineColor
+                    cellBgColor: hoverCellColor || void 0,
+                    inlineRowBgColor: hoverInlineColor || void 0,
+                    inlineColumnBgColor: hoverInlineColor || void 0
                 },
                 frameStyle: {
                     borderColor: [
@@ -1228,6 +1424,29 @@
             };
             return result;
         };
+        var new_data_set_AggregationType;
+        !function(AggregationType) {
+            AggregationType.RECORD = "RECORD", AggregationType.NONE = "NONE", AggregationType.SUM = "SUM", AggregationType.MIN = "MIN", AggregationType.MAX = "MAX", AggregationType.AVG = "AVG", AggregationType.COUNT = "COUNT", AggregationType.CUSTOM = "CUSTOM", AggregationType.RECALCULATE = "RECALCULATE";
+        }(new_data_set_AggregationType || (new_data_set_AggregationType = {}));
+        var new_data_set_SortType;
+        !function(SortType) {
+            SortType.ASC = "ASC", SortType.DESC = "DESC", SortType.NORMAL = "NORMAL", SortType.desc = "desc", SortType.asc = "asc", SortType.normal = "normal";
+        }(new_data_set_SortType || (new_data_set_SortType = {}));
+        const dataConfig = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const measures = findAllMeasures(advancedVSeed.measures);
+            const aggregationRules = measures.map((measure)=>({
+                    field: measure.id,
+                    aggregationType: new_data_set_AggregationType.NONE,
+                    indicatorKey: measure.id
+                }));
+            return {
+                ...spec,
+                dataConfig: {
+                    aggregationRules
+                }
+            };
+        };
         const pivotTableSpecPipeline = [
             initPivotTable,
             pivotColumns,
@@ -1238,7 +1457,8 @@
             rowHeaderStyle,
             cornerHeaderStyle,
             frameStyle,
-            selectionStyle
+            selectionStyle,
+            dataConfig
         ];
         const registerPivotTable = ()=>{
             Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
@@ -1770,14 +1990,6 @@
             });
             return chunk_QJLMYOTX_i(res.map((item)=>item[id]));
         };
-        function chunk_2T7K3PFL_i(...e) {
-            return chunk_WIMGWYZL_u(chunk_2T7K3PFL_o, e);
-        }
-        function chunk_2T7K3PFL_o(e, s) {
-            let r = {};
-            for (let n of s)n in e && (r[n] = e[n]);
-            return r;
-        }
         const lineConfig = (advancedVSeed, context)=>{
             const { vseed } = context;
             const { chartType } = vseed;
@@ -1971,7 +2183,7 @@
         const datasetXY = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-            const { orderMapping = {} } = analysis ?? {};
+            const orderMapping = analysis?.orderMapping || {};
             const angle = encoding[0]?.angle?.[0];
             const x = encoding[0]?.x?.[0];
             const group = encoding[0]?.group?.[0];
@@ -2016,7 +2228,7 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { dataset } = advancedVSeed;
+            const { dataset = [] } = advancedVSeed;
             const size = dataset.length;
             if (size < 5000) return result;
             result.large = true;
@@ -2121,67 +2333,6 @@
         };
         const ANNOTATION_Z_INDEX = 1000;
         const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
-        function chunk_6GTAPB47_e(r) {
-            return "number" == typeof r && !Number.isNaN(r);
-        }
-        const createNumFormatter = (format, locale = intl.getLocale())=>{
-            const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
-            const numFormatterOptions = {
-                style: 'decimal',
-                notation: 'scientific' === type ? 'scientific' : 'standard',
-                roundingMode,
-                roundingPriority
-            };
-            if (chunk_6GTAPB47_e(fractionDigits)) {
-                if (fractionDigits >= 0) {
-                    numFormatterOptions.minimumFractionDigits = fractionDigits;
-                    numFormatterOptions.maximumFractionDigits = fractionDigits;
-                }
-            }
-            if (chunk_6GTAPB47_e(significantDigits) && significantDigits > 0) {
-                if (significantDigits > 0) {
-                    numFormatterOptions.minimumSignificantDigits = significantDigits;
-                    numFormatterOptions.maximumSignificantDigits = significantDigits;
-                }
-            }
-            const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
-            return (value)=>{
-                let num = Number(value);
-                let typeSymbol = '';
-                if (Number.isNaN(num)) return num.toString();
-                if ('percent' === type) {
-                    num *= 100;
-                    typeSymbol = '%';
-                } else if ('permille' === type) {
-                    num *= 1000;
-                    typeSymbol = "\u2030";
-                } else if ('number' === type) num /= ratio || 1;
-                let numStr = numFormatter.format(num);
-                if (thousandSeparator) {
-                    const parts = numStr.split('.');
-                    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-                    numStr = parts.join('.');
-                }
-                return `${prefix}${numStr}${typeSymbol}${symbol}${suffix}`;
-            };
-        };
-        const autoNumFormatter = (value, locale = intl.getLocale())=>{
-            if (null == value) return String(value);
-            const num = Number(value);
-            if (Number.isNaN(num)) return String(value);
-            const numFormatterOptions = {
-                style: 'decimal',
-                notation: 'compact'
-            };
-            numFormatterOptions.minimumFractionDigits = 0;
-            numFormatterOptions.maximumFractionDigits = 2;
-            const numFormatter = new Intl.NumberFormat(locale, {
-                ...numFormatterOptions
-            });
-            return numFormatter.format(Number(value));
-        };
-        const createFormatter = (format)=>createNumFormatter(format);
-        const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
         const yLinear = (spec, context)=>{
             const result = {
                 ...spec
@@ -2264,9 +2415,6 @@
             ];
             return result;
         };
-        function chunk_VCYTMP4D_n(e) {
-            return void 0 === e ? !0 : "string" == typeof e || Array.isArray(e) ? 0 === e.length : 0 === Object.keys(e).length;
-        }
         const label_label = (spec, context)=>{
             const result = {
                 ...spec
@@ -2387,7 +2535,11 @@
             const config = advancedVSeed.config?.[chartType]?.crosshairLine;
             if (!config) return result;
             if (!result.crosshair) result.crosshair = {};
-            const { visible = true, lineColor, labelColor, labelVisible, labelBackgroundColor } = config;
+            const visible = config.visible || true;
+            const lineColor = config.lineColor || void 0;
+            const labelColor = config.labelColor || void 0;
+            const labelVisible = config.labelVisible || void 0;
+            const labelBackgroundColor = config.labelBackgroundColor || void 0;
             const crosshair = result.crosshair;
             crosshair.xField = {
                 visible,
@@ -2793,7 +2945,7 @@
                 annotationPoint
             ];
             const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-                const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+                const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundBorderColor, textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundColor = '#212121', textBackgroundPadding = 2, textBackgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
                 return selectedData.map((datum)=>({
@@ -2822,20 +2974,20 @@
                                     textAlign: textAlign,
                                     textBaseline: textBaseline,
                                     fill: textColor,
-                                    stroke: backgroundColor,
+                                    stroke: textBackgroundColor,
                                     lineWidth: 1,
                                     fontSize: textFontSize,
                                     fontWeight: textFontWeight,
                                     dy: textFontSize
                                 },
                                 labelBackground: {
-                                    visible: backgroundVisible,
-                                    padding: backgroundPadding,
+                                    visible: textBackgroundVisible,
+                                    padding: textBackgroundPadding,
                                     style: {
-                                        cornerRadius: backgroundBorderRadius ?? 4,
-                                        fill: backgroundColor,
-                                        stroke: backgroundBorderColor,
-                                        lineWidth: backgroundBorderWidth,
+                                        cornerRadius: textBackgroundBorderRadius ?? 4,
+                                        fill: textBackgroundColor,
+                                        stroke: textBackgroundBorderColor,
+                                        lineWidth: textBackgroundBorderWidth,
                                         dy: textFontSize
                                     }
                                 }
@@ -2851,9 +3003,6 @@
         function chunk_BO3LQZNF_o(r) {
             return Array.isArray(r);
         }
-        function chunk_SFZGYJFI_t(r) {
-            return "string" == typeof r;
-        }
         const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
             const { advancedVSeed } = context;
             const { annotation, encoding } = advancedVSeed;
@@ -2871,7 +3020,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-                const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundVisible = true, backgroundBorderColor = '#212121', backgroundColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+                const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', textBackgroundVisible = true, textBackgroundBorderColor = '#212121', textBackgroundColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (x)=>({
                         x: x,
@@ -2897,10 +3046,10 @@
                         },
                         label: {
                             text: text,
-                            position: positionMap[textPosition],
+                            position: positionMap[textPosition || 'insideEnd'],
                             style: {
                                 visible: true,
-                                stroke: backgroundColor,
+                                stroke: textBackgroundColor,
                                 lineWidth: 1,
                                 textAlign: textAlign,
                                 textBaseline: textBaseline,
@@ -2910,20 +3059,20 @@
                                 dy: textFontSize
                             },
                             labelBackground: {
-                                visible: backgroundVisible,
-                                padding: backgroundPadding,
+                                visible: textBackgroundVisible,
+                                padding: textBackgroundPadding,
                                 style: {
                                     dy: textFontSize,
-                                    cornerRadius: backgroundBorderRadius ?? 4,
-                                    fill: backgroundColor,
-                                    stroke: backgroundBorderColor,
-                                    lineWidth: backgroundBorderWidth
+                                    cornerRadius: textBackgroundBorderRadius ?? 4,
+                                    fill: textBackgroundColor,
+                                    stroke: textBackgroundBorderColor,
+                                    lineWidth: textBackgroundBorderWidth
                                 }
                             }
                         },
                         endSymbol: {
                             visible: true,
-                            size: 10 + lineWidth,
+                            size: 10 + (lineWidth || 1),
                             style: {
                                 dy: 4,
                                 fill: lineColor
@@ -2970,7 +3119,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-                const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+                const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (y)=>({
                         y,
@@ -2996,11 +3145,11 @@
                         },
                         label: {
                             text: text,
-                            position: positionMap[textPosition],
+                            position: positionMap[textPosition || 'insideEnd'],
                             style: {
                                 visible: true,
                                 dy: textFontSize,
-                                stroke: backgroundColor,
+                                stroke: textBackgroundColor,
                                 lineWidth: 1,
                                 textAlign: textAlign,
                                 textBaseline: textBaseline,
@@ -3009,20 +3158,20 @@
                                 fontWeight: textFontWeight
                             },
                             labelBackground: {
-                                visible: backgroundVisible,
-                                padding: backgroundPadding,
+                                visible: textBackgroundVisible,
+                                padding: textBackgroundPadding,
                                 style: {
                                     dy: textFontSize,
-                                    cornerRadius: backgroundBorderRadius ?? 4,
-                                    fill: backgroundColor,
-                                    stroke: backgroundBorderColor,
-                                    lineWidth: backgroundBorderWidth
+                                    cornerRadius: textBackgroundBorderRadius ?? 4,
+                                    fill: textBackgroundColor,
+                                    stroke: textBackgroundBorderColor,
+                                    lineWidth: textBackgroundBorderWidth
                                 }
                             }
                         },
                         endSymbol: {
                             visible: true,
-                            size: 10 + lineWidth,
+                            size: 10 + (lineWidth || 1),
                             style: {
                                 dx: -4,
                                 fill: lineColor
@@ -3071,9 +3220,11 @@
                 right: 'insideRight'
             };
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
+                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
+                const labelPosition = positionMap[textPosition || 'top'];
+                const isBottom = labelPosition.toLocaleLowerCase().includes('bottom');
                 return {
                     zIndex: ANNOTATION_Z_INDEX,
                     regionRelative: true,
@@ -3086,8 +3237,8 @@
                         const xAxisHelper = context.getXAxisHelper();
                         if ('function' == typeof xAxisHelper?.getBandwidth) {
                             const yScale = yAxisHelper.getScale();
-                            const minX = Math.min(...xyList.map((item)=>item.x)) - outerPadding;
-                            const maxX = Math.max(...xyList.map((item)=>item.x)) + outerPadding;
+                            const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                            const maxX = Math.max(...xyList.map((item)=>item.x)) + (outerPadding || 4);
                             const minY = Math.min(...yScale.range());
                             const maxY = Math.max(...yScale.range());
                             return [
@@ -3111,8 +3262,8 @@
                         }
                         if ('function' == typeof yAxisHelper?.getBandwidth) {
                             const xScale = xAxisHelper.getScale();
-                            const minY = Math.min(...xyList.map((item)=>item.y)) - outerPadding;
-                            const maxY = Math.max(...xyList.map((item)=>item.y)) + outerPadding;
+                            const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                            const maxY = Math.max(...xyList.map((item)=>item.y)) + (outerPadding || 4);
                             const minX = Math.min(...xScale.range());
                             const maxX = Math.max(...xScale.range());
                             return [
@@ -3137,28 +3288,28 @@
                         return [];
                     },
                     label: {
-                        position: positionMap[textPosition],
+                        position: labelPosition,
                         visible: true,
                         text: text,
                         style: {
-                            dy: textFontSize,
+                            dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             fill: textColor,
-                            stroke: backgroundColor,
+                            stroke: textBackgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
                             fontWeight: textFontWeight
                         },
                         labelBackground: {
-                            visible: backgroundVisible,
-                            padding: backgroundPadding,
+                            visible: textBackgroundVisible,
+                            padding: textBackgroundPadding,
                             style: {
-                                dy: textFontSize,
-                                cornerRadius: backgroundBorderRadius ?? 4,
-                                fill: backgroundColor,
-                                stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
+                                cornerRadius: textBackgroundBorderRadius ?? 4,
+                                fill: textBackgroundColor,
+                                stroke: textBackgroundBorderColor,
+                                lineWidth: textBackgroundBorderWidth
                             }
                         }
                     },
@@ -3800,7 +3951,11 @@
             const config = advancedVSeed.config?.[chartType]?.crosshairRect;
             if (!config) return result;
             if (!result.crosshair) result.crosshair = {};
-            const { visible = true, rectColor, labelColor, labelVisible, labelBackgroundColor } = config;
+            const visible = config.visible || true;
+            const rectColor = config.rectColor || void 0;
+            const labelColor = config.labelColor || void 0;
+            const labelVisible = config.labelVisible || false;
+            const labelBackgroundColor = config.labelBackgroundColor || void 0;
             const crosshair = result.crosshair;
             crosshair.xField = {
                 visible,
@@ -3829,14 +3984,13 @@
         };
         const barStyle_barStyle = (spec, context)=>{
             const { advancedVSeed } = context;
-            const { markStyle, dataset } = advancedVSeed;
+            const { markStyle, dataset = [] } = advancedVSeed;
             const { barStyle } = markStyle;
             const showStroke = dataset.length <= 100;
             const result = {
                 ...spec,
                 bar: {
                     style: {
-                        stroke: '#fff',
                         lineWidth: showStroke ? 1 : 0
                     },
                     state: {
@@ -3912,7 +4066,7 @@
                 right: 'insideRight'
             };
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
+                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
                 return {
@@ -3929,8 +4083,8 @@
                             const depth = context.fieldX.length ?? 0;
                             const xBandWidth = xAxisHelper?.getBandwidth?.(depth - 1);
                             const yScale = yAxisHelper.getScale();
-                            const minX = Math.min(...xyList.map((item)=>item.x)) - outerPadding;
-                            const maxX = Math.max(...xyList.map((item)=>item.x)) + xBandWidth + outerPadding;
+                            const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                            const maxX = Math.max(...xyList.map((item)=>item.x)) + xBandWidth + (outerPadding || 4);
                             const minY = Math.min(...yScale.range());
                             const maxY = Math.max(...yScale.range());
                             return [
@@ -3956,8 +4110,8 @@
                             const depth = context.fieldY.length ?? 0;
                             const yBandWidth = yAxisHelper?.getBandwidth?.(depth - 1);
                             const xScale = xAxisHelper.getScale();
-                            const minY = Math.min(...xyList.map((item)=>item.y)) - outerPadding;
-                            const maxY = Math.max(...xyList.map((item)=>item.y)) + yBandWidth + outerPadding;
+                            const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                            const maxY = Math.max(...xyList.map((item)=>item.y)) + yBandWidth + (outerPadding || 4);
                             const minX = Math.min(...xScale.range());
                             const maxX = Math.max(...xScale.range());
                             return [
@@ -3982,28 +4136,28 @@
                         return [];
                     },
                     label: {
-                        position: positionMap[textPosition],
+                        position: positionMap[textPosition || 'top'],
                         visible: true,
                         text: text,
                         style: {
                             dy: textFontSize,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
-                            stroke: backgroundColor,
+                            stroke: textBackgroundColor,
                             lineWidth: 1,
                             fill: textColor,
                             fontSize: textFontSize,
                             fontWeight: textFontWeight
                         },
                         labelBackground: {
-                            visible: backgroundVisible,
-                            padding: backgroundPadding,
+                            visible: textBackgroundVisible,
+                            padding: textBackgroundPadding,
                             style: {
                                 dy: textFontSize,
-                                cornerRadius: backgroundBorderRadius ?? 4,
-                                fill: backgroundColor,
-                                stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                cornerRadius: textBackgroundBorderRadius ?? 4,
+                                fill: textBackgroundColor,
+                                stroke: textBackgroundBorderColor,
+                                lineWidth: textBackgroundBorderWidth
                             }
                         }
                     },
@@ -4333,7 +4487,7 @@
         const datasetYX = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-            const { orderMapping = {} } = analysis ?? {};
+            const orderMapping = analysis?.orderMapping || {};
             const angle = encoding[0]?.angle?.[0];
             const y = encoding[0]?.y?.[0];
             const group = encoding[0]?.group?.[0];
@@ -4559,7 +4713,11 @@
             const config = advancedVSeed.config?.[chartType]?.crosshairRect;
             if (!config) return result;
             if (!result.crosshair) result.crosshair = {};
-            const { visible = true, rectColor, labelColor, labelVisible, labelBackgroundColor } = config;
+            const visible = config.visible || true;
+            const rectColor = config.rectColor || void 0;
+            const labelColor = config.labelColor || void 0;
+            const labelVisible = config.labelVisible || false;
+            const labelBackgroundColor = config.labelBackgroundColor || void 0;
             const crosshair = result.crosshair;
             crosshair.yField = {
                 visible,
@@ -5278,6 +5436,35 @@
                 return result;
             };
         };
+        const seriesDualAxis = (...args)=>{
+            const result = {
+                type: 'common',
+                padding: 0,
+                region: [
+                    {
+                        clip: true
+                    }
+                ]
+            };
+            const createDualContext = (context, index)=>{
+                const { advancedVSeed } = context;
+                const dataset = advancedVSeed.dataset[index];
+                return {
+                    ...context,
+                    advancedVSeed: {
+                        ...advancedVSeed,
+                        dataset: dataset
+                    }
+                };
+            };
+            return (_, context)=>{
+                result.series = args.map((pipeline, index)=>{
+                    const seriesContext = createDualContext(context, index);
+                    return execPipeline(pipeline, seriesContext, {});
+                });
+                return result;
+            };
+        };
         const initAreaRange = (spec, context)=>{
             const result = {
                 ...spec
@@ -5707,7 +5894,11 @@
             const config = advancedVSeed.config?.[chartType]?.crosshairLine;
             if (!config) return result;
             if (!result.crosshair) result.crosshair = {};
-            const { visible = true, lineColor, labelColor, labelVisible, labelBackgroundColor } = config;
+            const visible = config.visible || true;
+            const lineColor = config.lineColor || void 0;
+            const labelColor = config.labelColor || void 0;
+            const labelVisible = config.labelVisible || void 0;
+            const labelBackgroundColor = config.labelBackgroundColor || void 0;
             const crosshair = result.crosshair;
             crosshair.yField = {
                 visible,
@@ -6210,7 +6401,7 @@
         const datasetPrimary = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-            const { orderMapping = {} } = analysis ?? {};
+            const orderMapping = analysis?.orderMapping || {};
             const x = encoding[0]?.x?.[0];
             const group = encoding[0]?.group?.[0];
             const id = datasetReshapeInfo[0].id;
@@ -6241,7 +6432,7 @@
                 ...spec,
                 data: {
                     id: `${id}-primary-dataset`,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[0],
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -6249,7 +6440,7 @@
         const datasetSecondary = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-            const { orderMapping = {} } = analysis ?? {};
+            const orderMapping = analysis?.orderMapping || {};
             const x = encoding[0]?.x?.[0];
             const group = encoding[0]?.group?.[0];
             const id = datasetReshapeInfo[0].id;
@@ -6280,7 +6471,7 @@
                 ...spec,
                 data: {
                     id: `${id}-secondary-dataset`,
-                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[1],
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -6708,7 +6899,7 @@
             return result;
         };
         const dualAxis = [
-            series([
+            seriesDualAxis([
                 initDualAxisPrimary,
                 dualChartTypePrimary,
                 datasetPrimary,
@@ -6751,7 +6942,7 @@
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators_pivotIndicators([
-                series([
+                seriesDualAxis([
                     initDualAxisPrimary,
                     dualChartTypePrimary,
                     datasetPrimary,
@@ -8145,7 +8336,8 @@
                 hoverHeaderBackgroundColor: '#D9DDE4',
                 hoverHeaderInlineBackgroundColor: '#D9DDE455',
                 selectedBorderColor: '#4080ff',
-                selectedBackgroundColor: '#bedaff33'
+                selectedBackgroundColor: '#bedaff33',
+                backgroundColor: 'transparent'
             };
             return {
                 config: {
@@ -8165,8 +8357,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     columnParallel: {
@@ -8177,8 +8369,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     columnPercent: {
@@ -8189,8 +8381,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     bar: {
@@ -8199,10 +8391,10 @@
                         yAxis: barBandAxis,
                         crosshairRect,
                         stackCornerRadius: [
-                            0,
                             4,
                             4,
-                            0
+                            4,
+                            4
                         ]
                     },
                     barParallel: {
@@ -8211,10 +8403,10 @@
                         yAxis: barBandAxis,
                         crosshairRect,
                         stackCornerRadius: [
-                            0,
                             4,
                             4,
-                            0
+                            4,
+                            4
                         ]
                     },
                     barPercent: {
@@ -8223,10 +8415,10 @@
                         yAxis: barBandAxis,
                         crosshairRect,
                         stackCornerRadius: [
-                            0,
                             4,
                             4,
-                            0
+                            4,
+                            4
                         ]
                     },
                     area: {
@@ -8503,8 +8695,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     columnParallel: {
@@ -8515,8 +8707,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     columnPercent: {
@@ -8527,8 +8719,8 @@
                         stackCornerRadius: [
                             4,
                             4,
-                            0,
-                            0
+                            4,
+                            4
                         ]
                     },
                     bar: {
@@ -8549,10 +8741,10 @@
                         yAxis: barBandAxis,
                         crosshairRect: crosshairRect,
                         stackCornerRadius: [
-                            0,
                             4,
                             4,
-                            0
+                            4,
+                            4
                         ]
                     },
                     barPercent: {
@@ -8561,10 +8753,10 @@
                         yAxis: barBandAxis,
                         crosshairRect: crosshairRect,
                         stackCornerRadius: [
-                            0,
                             4,
                             4,
-                            0
+                            4,
+                            4
                         ]
                     },
                     area: {
@@ -8701,6 +8893,9 @@
         const updateSpec = (chartType, specPipe)=>{
             Builder._customSpecPipe[chartType] = specPipe;
         };
+        const isDimension = (dimension)=>!('children' in dimension);
+        const isDimensionGroup = (dimension)=>'children' in dimension;
+        const isDimensions = (dimensions)=>dimensions.every(isDimension);
         Object.freeze({
             status: "aborted"
         });
@@ -12110,117 +12305,117 @@
             id: schemas_string(),
             index: schemas_number(),
             foldInfo: zFoldInfo,
-            foldInfoList: schemas_array(zFoldInfo).optional(),
+            foldInfoList: schemas_array(zFoldInfo).nullish(),
             unfoldInfo: zUnfoldInfo
         }));
         const zEncoding = schemas_array(schemas_object({
-            x: schemas_array(schemas_string()).optional(),
-            y: schemas_array(schemas_string()).optional(),
-            color: schemas_array(schemas_string()).optional(),
-            group: schemas_array(schemas_string()).optional(),
-            angle: schemas_array(schemas_string()).optional(),
-            radius: schemas_array(schemas_string()).optional(),
-            tooltip: schemas_array(schemas_string()).optional(),
-            size: schemas_array(schemas_string()).optional()
+            x: schemas_array(schemas_string()).nullish(),
+            y: schemas_array(schemas_string()).nullish(),
+            color: schemas_array(schemas_string()).nullish(),
+            group: schemas_array(schemas_string()).nullish(),
+            angle: schemas_array(schemas_string()).nullish(),
+            radius: schemas_array(schemas_string()).nullish(),
+            tooltip: schemas_array(schemas_string()).nullish(),
+            size: schemas_array(schemas_string()).nullish()
         }));
         const zXBandAxis = schemas_object({
-            visible: schemas_boolean().default(true).optional(),
-            labelAutoHide: schemas_boolean().default(true).optional(),
-            labelAutoHideGap: schemas_number().default(0).optional(),
-            labelAutoRotate: schemas_boolean().default(true).optional(),
+            visible: schemas_boolean().default(true).nullish(),
+            labelAutoHide: schemas_boolean().default(true).nullish(),
+            labelAutoHideGap: schemas_number().default(0).nullish(),
+            labelAutoRotate: schemas_boolean().default(true).nullish(),
             labelAutoRotateAngleRange: schemas_array(schemas_number()).default([
                 0,
                 -45,
                 -90
-            ]).optional(),
-            labelAutoLimit: schemas_boolean().default(true).optional(),
-            labelAutoLimitLength: schemas_number().default(100).optional(),
+            ]).nullish(),
+            labelAutoLimit: schemas_boolean().default(true).nullish(),
+            labelAutoLimitLength: schemas_number().default(100).nullish(),
             label: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                labelColor: schemas_string().default('#797B85').optional(),
-                labelFontSize: schemas_number().default(12).optional(),
-                labelFontWeight: schemas_number().default(400).optional(),
-                labelAngle: schemas_number().default(0).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                labelColor: schemas_string().default('#797B85').nullish(),
+                labelFontSize: schemas_number().default(12).nullish(),
+                labelFontWeight: schemas_number().default(400).nullish(),
+                labelAngle: schemas_number().default(0).nullish()
+            }).nullish(),
             line: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                lineWidth: schemas_number().default(1).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                lineWidth: schemas_number().default(1).nullish()
+            }).nullish(),
             tick: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                tickInside: schemas_boolean().default(false).optional(),
-                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                tickSize: schemas_number().default(4).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                tickInside: schemas_boolean().default(false).nullish(),
+                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                tickSize: schemas_number().default(4).nullish()
+            }).nullish(),
             title: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                titleText: schemas_string().default('').optional(),
-                titleColor: schemas_string().default('#646A73').optional(),
-                titleFontSize: schemas_number().default(12).optional(),
-                titleFontWeight: schemas_number().default(400).optional()
-            }).optional(),
+                visible: schemas_boolean().default(false).nullish(),
+                titleText: schemas_string().default('').nullish(),
+                titleColor: schemas_string().default('#646A73').nullish(),
+                titleFontSize: schemas_number().default(12).nullish(),
+                titleFontWeight: schemas_number().default(400).nullish()
+            }).nullish(),
             grid: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').optional(),
-                gridWidth: schemas_number().default(0.5).optional()
-            }).optional()
+                visible: schemas_boolean().default(false).nullish(),
+                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
+                gridWidth: schemas_number().default(0.5).nullish()
+            }).nullish()
         });
         const zYBandAxis = zXBandAxis;
         const zXLinearAxis = schemas_object({
-            visible: schemas_boolean().default(true).optional(),
-            min: schemas_number().optional(),
-            max: schemas_number().optional(),
-            nice: schemas_boolean().default(true).optional(),
-            zero: schemas_boolean().default(true).optional(),
-            log: schemas_boolean().default(false).optional(),
-            logBase: schemas_number().default(10).optional(),
-            inverse: schemas_boolean().default(false).optional(),
+            visible: schemas_boolean().default(true).nullish(),
+            min: schemas_number().nullish(),
+            max: schemas_number().nullish(),
+            nice: schemas_boolean().default(true).nullish(),
+            zero: schemas_boolean().default(true).nullish(),
+            log: schemas_boolean().default(false).nullish(),
+            logBase: schemas_number().default(10).nullish(),
+            inverse: schemas_boolean().default(false).nullish(),
             label: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                labelColor: schemas_string().default('#797B85').optional(),
-                labelFontSize: schemas_number().default(12).optional(),
-                labelFontWeight: schemas_number().default(400).optional(),
-                labelAngle: schemas_number().default(0).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                labelColor: schemas_string().default('#797B85').nullish(),
+                labelFontSize: schemas_number().default(12).nullish(),
+                labelFontWeight: schemas_number().default(400).nullish(),
+                labelAngle: schemas_number().default(0).nullish()
+            }).nullish(),
             line: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                lineWidth: schemas_number().default(1).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                lineWidth: schemas_number().default(1).nullish()
+            }).nullish(),
             tick: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                tickInside: schemas_boolean().default(false).optional(),
-                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                tickSize: schemas_number().default(4).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                tickInside: schemas_boolean().default(false).nullish(),
+                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                tickSize: schemas_number().default(4).nullish()
+            }).nullish(),
             title: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                titleText: schemas_string().default('').optional(),
-                titleColor: schemas_string().default('#646A73').optional(),
-                titleFontSize: schemas_number().default(12).optional(),
-                titleFontWeight: schemas_number().default(400).optional()
-            }).optional(),
+                visible: schemas_boolean().default(false).nullish(),
+                titleText: schemas_string().default('').nullish(),
+                titleColor: schemas_string().default('#646A73').nullish(),
+                titleFontSize: schemas_number().default(12).nullish(),
+                titleFontWeight: schemas_number().default(400).nullish()
+            }).nullish(),
             grid: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').optional(),
-                gridWidth: schemas_number().default(0.5).optional()
-            }).optional()
+                visible: schemas_boolean().default(false).nullish(),
+                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
+                gridWidth: schemas_number().default(0.5).nullish()
+            }).nullish()
         });
         const zYLinearAxis = zXLinearAxis;
         const zCrosshairLine = schemas_object({
-            visible: schemas_boolean().optional(),
-            lineColor: schemas_string().optional(),
-            labelColor: schemas_string().optional(),
-            labelVisible: schemas_boolean().optional(),
-            labelBackgroundColor: schemas_string().optional()
+            visible: schemas_boolean().nullish(),
+            lineColor: schemas_string().nullish(),
+            labelColor: schemas_string().nullish(),
+            labelVisible: schemas_boolean().nullish(),
+            labelBackgroundColor: schemas_string().nullish()
         });
         const zCrosshairRect = schemas_object({
-            visible: schemas_boolean().optional(),
-            rectColor: schemas_string().optional(),
-            labelColor: schemas_string().optional(),
-            labelVisible: schemas_boolean().optional(),
-            labelBackgroundColor: schemas_string().optional()
+            visible: schemas_boolean().nullish(),
+            rectColor: schemas_string().nullish(),
+            labelColor: schemas_string().nullish(),
+            labelVisible: schemas_boolean().nullish(),
+            labelBackgroundColor: schemas_string().nullish()
         });
         const zStackCornerRadius = schemas_number().or(schemas_array(schemas_number())).default([
             3,
@@ -12228,21 +12423,21 @@
             0,
             0
         ]);
-        const zBackgroundColor = schemas_string().default('transparent').optional();
+        const zBackgroundColor = schemas_string().default('transparent').nullish();
         const zColor = schemas_object({
-            colorScheme: schemas_array(schemas_string()).optional(),
-            colorMapping: record(schemas_string(), schemas_string()).optional()
+            colorScheme: schemas_array(schemas_string()).nullish(),
+            colorMapping: record(schemas_string(), schemas_string()).nullish()
         });
         const zLinearColor = schemas_object({
-            colorScheme: schemas_array(schemas_string()).optional()
+            colorScheme: schemas_array(schemas_string()).nullish()
         });
         const zLabel = schemas_object({
-            enable: schemas_boolean().default(true).optional()
+            enable: schemas_boolean().default(true).nullish()
         });
         const zLegend = schemas_object({
-            enable: schemas_boolean().default(true).optional(),
-            border: schemas_boolean().default(true).optional(),
-            maxSize: schemas_number().default(1).optional(),
+            enable: schemas_boolean().default(true).nullish(),
+            border: schemas_boolean().default(true).nullish(),
+            maxSize: schemas_number().default(1).nullish(),
             shapeType: schemas_enum([
                 'circle',
                 'cross',
@@ -12266,7 +12461,7 @@
                 'arrowRight',
                 'rectRound',
                 'roundLine'
-            ]).default('rectRound').optional(),
+            ]).default('rectRound').nullish(),
             position: schemas_enum([
                 'left',
                 'leftTop',
@@ -12288,10 +12483,10 @@
                 'bottomRight',
                 'bl',
                 'br'
-            ]).default('bottom').optional(),
-            labelFontSize: schemas_number().default(12).optional(),
-            labelFontColor: schemas_string().default('#fff').optional(),
-            labelFontWeight: schemas_number().or(schemas_string()).default(400).optional()
+            ]).default('bottom').nullish(),
+            labelFontSize: schemas_number().default(12).nullish(),
+            labelFontColor: schemas_string().default('#fff').nullish(),
+            labelFontWeight: schemas_number().or(schemas_string()).default(400).nullish()
         });
         const zColorLegend = schemas_object({
             position: schemas_enum([
@@ -12315,194 +12510,195 @@
                 'bottomRight',
                 'bl',
                 'br'
-            ]).default('bottom').optional(),
-            enable: schemas_boolean().default(true).optional()
+            ]).default('bottom').nullish(),
+            enable: schemas_boolean().default(true).nullish()
         });
         const zTooltip = schemas_object({
-            enable: schemas_boolean().default(true).optional()
+            enable: schemas_boolean().default(true).nullish()
         });
         const zTableConfig = schemas_object({
-            borderColor: schemas_string().optional(),
-            bodyFontSize: schemas_number().optional(),
-            bodyFontColor: schemas_string().optional(),
-            bodyBackgroundColor: schemas_string().optional(),
-            hoverBodyBackgroundColor: schemas_string().optional(),
-            hoverBodyInlineBackgroundColor: schemas_string().optional(),
-            headerFontSize: schemas_number().optional(),
-            headerFontColor: schemas_string().optional(),
-            headerBackgroundColor: schemas_string().optional(),
-            hoverHeaderBackgroundColor: schemas_string().optional(),
-            hoverHeaderInlineBackgroundColor: schemas_string().optional(),
-            selectedBorderColor: schemas_string().optional(),
-            selectedBackgroundColor: schemas_string().optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            borderColor: schemas_string().nullish(),
+            bodyFontSize: schemas_number().nullish(),
+            bodyFontColor: schemas_string().nullish(),
+            bodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyInlineBackgroundColor: schemas_string().nullish(),
+            headerFontSize: schemas_number().nullish(),
+            headerFontColor: schemas_string().nullish(),
+            headerBackgroundColor: schemas_string().nullish(),
+            hoverHeaderBackgroundColor: schemas_string().nullish(),
+            hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
+            selectedBorderColor: schemas_string().nullish(),
+            selectedBackgroundColor: schemas_string().nullish()
         });
         const zPivotTableConfig = zTableConfig;
         const zLineConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish()
         });
         const zColumnConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish()
         });
         const zColumnParallelConfig = zColumnConfig;
         const zColumnPercentConfig = zColumnConfig;
         const zBarConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYBandAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYBandAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish()
         });
         const zBarParallelConfig = zBarConfig;
         const zBarPercentConfig = zBarConfig;
         const zAreaConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish()
         });
         const zAreaPercentConfig = zAreaConfig;
         const zAreaRangeConfig = zAreaConfig;
         const zDualAxisConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            dualChartType: schemas_array(zDualChartType).or(zDualChartType).optional(),
-            primaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).optional(),
-            secondaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).optional(),
-            xAxis: zXBandAxis.optional(),
-            crosshairRect: zCrosshairRect.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            dualChartType: schemas_array(zDualChartType).or(zDualChartType).nullish(),
+            primaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).nullish(),
+            secondaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).nullish(),
+            xAxis: zXBandAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish()
         });
         const zScatterConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish()
         });
         const zRoseConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish()
         });
         const zRoseParallelConfig = zRoseConfig;
         const zPieConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish()
         });
         const zDonutConfig = zPieConfig;
         const zRadarConfig = zPieConfig;
         const zFunnelConfig = zPieConfig;
         const zHeatmapConfig = zPieConfig;
         const zConfig = schemas_object({
-            table: zTableConfig.optional(),
-            pivotTable: zPivotTableConfig.optional(),
-            line: zLineConfig.optional(),
-            column: zColumnConfig.optional(),
-            columnParallel: zColumnParallelConfig.optional(),
-            columnPercent: zColumnPercentConfig.optional(),
-            bar: zBarConfig.optional(),
-            barParallel: zBarParallelConfig.optional(),
-            barPercent: zBarPercentConfig.optional(),
-            area: zAreaConfig.optional(),
-            areaPercent: zAreaPercentConfig.optional(),
-            areaRange: zAreaRangeConfig.optional(),
-            scatter: zScatterConfig.optional(),
-            dualAxis: zDualAxisConfig.optional(),
-            rose: zRoseConfig.optional(),
-            roseParallel: zRoseParallelConfig.optional(),
-            pie: zPieConfig.optional(),
-            donut: zDonutConfig.optional(),
-            radar: zRadarConfig.optional(),
-            funnel: zFunnelConfig.optional(),
-            heatmap: zHeatmapConfig.optional()
+            table: zTableConfig.nullish(),
+            pivotTable: zPivotTableConfig.nullish(),
+            line: zLineConfig.nullish(),
+            column: zColumnConfig.nullish(),
+            columnParallel: zColumnParallelConfig.nullish(),
+            columnPercent: zColumnPercentConfig.nullish(),
+            bar: zBarConfig.nullish(),
+            barParallel: zBarParallelConfig.nullish(),
+            barPercent: zBarPercentConfig.nullish(),
+            area: zAreaConfig.nullish(),
+            areaPercent: zAreaPercentConfig.nullish(),
+            areaRange: zAreaRangeConfig.nullish(),
+            scatter: zScatterConfig.nullish(),
+            dualAxis: zDualAxisConfig.nullish(),
+            rose: zRoseConfig.nullish(),
+            roseParallel: zRoseParallelConfig.nullish(),
+            pie: zPieConfig.nullish(),
+            donut: zDonutConfig.nullish(),
+            radar: zRadarConfig.nullish(),
+            funnel: zFunnelConfig.nullish(),
+            heatmap: zHeatmapConfig.nullish()
         });
         const zAxis = schemas_object({
-            visible: schemas_boolean().default(true).optional(),
-            min: schemas_number().optional(),
-            max: schemas_number().optional(),
-            nice: schemas_boolean().default(true).optional(),
-            zero: schemas_boolean().default(true).optional(),
-            inverse: schemas_boolean().default(false).optional(),
-            log: schemas_boolean().default(false).optional(),
-            logBase: schemas_number().default(10).optional(),
-            labelAutoHide: schemas_boolean().default(true).optional(),
-            labelAutoHideGap: schemas_number().default(4).optional(),
-            labelAutoRotate: schemas_boolean().default(true).optional(),
+            visible: schemas_boolean().default(true).nullish(),
+            min: schemas_number().nullish(),
+            max: schemas_number().nullish(),
+            nice: schemas_boolean().default(true).nullish(),
+            zero: schemas_boolean().default(true).nullish(),
+            inverse: schemas_boolean().default(false).nullish(),
+            log: schemas_boolean().default(false).nullish(),
+            logBase: schemas_number().default(10).nullish(),
+            labelAutoHide: schemas_boolean().default(true).nullish(),
+            labelAutoHideGap: schemas_number().default(4).nullish(),
+            labelAutoRotate: schemas_boolean().default(true).nullish(),
             labelAutoRotateAngleRange: schemas_array(schemas_number()).default([
                 0,
                 -45,
                 -90
-            ]).optional(),
-            labelAutoLimit: schemas_boolean().default(true).optional(),
-            labelAutoLimitLength: schemas_number().default(100).optional(),
+            ]).nullish(),
+            labelAutoLimit: schemas_boolean().default(true).nullish(),
+            labelAutoLimitLength: schemas_number().default(100).nullish(),
             label: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                labelColor: schemas_string().default('#797B85').optional(),
-                labelFontSize: schemas_number().default(12).optional(),
-                labelFontWeight: schemas_number().default(400).optional(),
-                labelAngle: schemas_number().default(0).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                labelColor: schemas_string().default('#797B85').nullish(),
+                labelFontSize: schemas_number().default(12).nullish(),
+                labelFontWeight: schemas_number().default(400).nullish(),
+                labelAngle: schemas_number().default(0).nullish()
+            }).nullish(),
             line: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                lineWidth: schemas_number().default(1).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                lineColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                lineWidth: schemas_number().default(1).nullish()
+            }).nullish(),
             tick: schemas_object({
-                visible: schemas_boolean().default(true).optional(),
-                tickInside: schemas_boolean().default(false).optional(),
-                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').optional(),
-                tickSize: schemas_number().default(4).optional()
-            }).optional(),
+                visible: schemas_boolean().default(true).nullish(),
+                tickInside: schemas_boolean().default(false).nullish(),
+                tickColor: schemas_string().default('rgba(54, 65, 89, 0.30)').nullish(),
+                tickSize: schemas_number().default(4).nullish()
+            }).nullish(),
             title: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                titleText: schemas_string().default('').optional(),
-                titleColor: schemas_string().default('#646A73').optional(),
-                titleFontSize: schemas_number().default(12).optional(),
-                titleFontWeight: schemas_number().default(400).optional()
-            }).optional(),
+                visible: schemas_boolean().default(false).nullish(),
+                titleText: schemas_string().default('').nullish(),
+                titleColor: schemas_string().default('#646A73').nullish(),
+                titleFontSize: schemas_number().default(12).nullish(),
+                titleFontWeight: schemas_number().default(400).nullish()
+            }).nullish(),
             grid: schemas_object({
-                visible: schemas_boolean().default(false).optional(),
-                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').optional(),
-                gridWidth: schemas_number().default(0.5).optional()
-            }).optional()
+                visible: schemas_boolean().default(false).nullish(),
+                gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
+                gridWidth: schemas_number().default(0.5).nullish()
+            }).nullish()
         });
         const zCustomThemeConfig = schemas_object({
-            config: zConfig.optional()
+            config: zConfig.nullish()
         });
-        const zCustomTheme = record(schemas_string(), zCustomThemeConfig).optional();
+        const zCustomTheme = record(schemas_string(), zCustomThemeConfig).nullish();
         const zTheme = schemas_string();
         const zSelector = union([
             schemas_string(),
@@ -12518,7 +12714,7 @@
                     '>=',
                     '<=',
                     'between'
-                ]).optional(),
+                ]).nullish(),
                 op: schemas_enum([
                     '=',
                     '==',
@@ -12528,7 +12724,7 @@
                     '>=',
                     '<=',
                     'between'
-                ]).optional(),
+                ]).nullish(),
                 value: union([
                     schemas_string(),
                     schemas_number(),
@@ -12543,11 +12739,11 @@
                 operator: schemas_enum([
                     'in',
                     'not in'
-                ]).optional(),
+                ]).nullish(),
                 op: schemas_enum([
                     'in',
                     'not in'
-                ]).optional(),
+                ]).nullish(),
                 value: union([
                     schemas_string(),
                     schemas_number(),
@@ -12563,103 +12759,103 @@
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
-            barColor: schemas_string().optional(),
-            barColorOpacity: schemas_number().optional(),
-            barBorderColor: schemas_string().optional(),
-            barBorderWidth: schemas_number().optional(),
+            ]).nullish(),
+            barColor: schemas_string().nullish(),
+            barColorOpacity: schemas_number().nullish(),
+            barBorderColor: schemas_string().nullish(),
+            barBorderWidth: schemas_number().nullish(),
             barBorderStyle: union([
                 literal('solid'),
                 literal('dashed'),
                 literal('dotted')
-            ]).optional(),
+            ]).nullish(),
             barRadius: union([
                 schemas_number(),
                 schemas_array(schemas_number())
-            ]).optional()
+            ]).nullish()
         });
         const zPointStyle = schemas_object({
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
-            pointSize: schemas_number().optional(),
-            pointColor: schemas_string().optional(),
-            pointColorOpacity: schemas_number().optional(),
-            pointBorderColor: schemas_string().optional(),
-            pointBorderWidth: schemas_number().optional(),
+            ]).nullish(),
+            pointSize: schemas_number().nullish(),
+            pointColor: schemas_string().nullish(),
+            pointColorOpacity: schemas_number().nullish(),
+            pointBorderColor: schemas_string().nullish(),
+            pointBorderWidth: schemas_number().nullish(),
             pointBorderStyle: union([
                 schemas_enum([
                     'solid',
                     'dashed',
                     'dotted'
                 ])
-            ]).optional()
+            ]).nullish()
         });
         const zLineStyle = schemas_object({
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
-            lineSmooth: schemas_boolean().optional(),
-            lineColor: schemas_string().optional(),
-            lineColorOpacity: schemas_number().optional(),
-            lineWidth: schemas_number().optional(),
+            ]).nullish(),
+            lineSmooth: schemas_boolean().nullish(),
+            lineColor: schemas_string().nullish(),
+            lineColorOpacity: schemas_number().nullish(),
+            lineWidth: schemas_number().nullish(),
             lineStyle: union([
                 schemas_enum([
                     'solid',
                     'dashed',
                     'dotted'
                 ])
-            ]).optional()
+            ]).nullish()
         });
         const zAreaStyle = schemas_object({
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
-            areaColor: schemas_string().optional(),
-            areaColorOpacity: schemas_number().optional()
+            ]).nullish(),
+            areaColor: schemas_string().nullish(),
+            areaColorOpacity: schemas_number().nullish()
         });
         const zMarkStyle = schemas_object({
-            barStyle: zBarStyle.or(schemas_array(zBarStyle)).optional(),
-            pointStyle: zPointStyle.or(schemas_array(zPointStyle)).optional(),
-            lineStyle: zLineStyle.or(schemas_array(zLineStyle)).optional(),
-            areaStyle: zAreaStyle.or(schemas_array(zAreaStyle)).optional()
+            barStyle: zBarStyle.or(schemas_array(zBarStyle)).nullish(),
+            pointStyle: zPointStyle.or(schemas_array(zPointStyle)).nullish(),
+            lineStyle: zLineStyle.or(schemas_array(zLineStyle)).nullish(),
+            areaStyle: zAreaStyle.or(schemas_array(zAreaStyle)).nullish()
         });
         const zAnnotationPoint = schemas_object({
             selector: union([
                 zSelector,
                 zSelectors
             ]),
-            text: schemas_string().or(schemas_array(schemas_string())).optional(),
-            textColor: schemas_string().default('#ffffff').optional(),
-            textFontSize: schemas_number().default(12).optional(),
-            textFontWeight: schemas_number().default(400).optional(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
             textAlign: schemas_enum([
                 'left',
                 'right',
                 'center'
-            ]).default('center').optional(),
+            ]).default('center').nullish(),
             textBaseline: schemas_enum([
                 'top',
                 'middle',
                 'bottom'
-            ]).default('middle').optional(),
-            backgroundVisible: schemas_boolean().default(true).optional(),
-            backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
-            backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundPadding: schemas_number().optional(),
-            offsetY: schemas_number().default(0).optional(),
-            offsetX: schemas_number().default(0).optional()
+            ]).default('middle').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderColor: schemas_string().nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundPadding: schemas_number().nullish(),
+            offsetY: schemas_number().default(0).nullish(),
+            offsetX: schemas_number().default(0).nullish()
         });
         const zAnnotationVerticalLine = schemas_object({
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
+            ]).nullish(),
             xValue: union([
                 schemas_number(),
                 schemas_string(),
@@ -12667,8 +12863,8 @@
                     schemas_number(),
                     schemas_string()
                 ]))
-            ]).optional(),
-            text: schemas_string().or(schemas_array(schemas_string())).optional(),
+            ]).nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
             textPosition: schemas_enum([
                 'outsideStart',
                 'outsideEnd',
@@ -12676,34 +12872,34 @@
                 'insideStart',
                 'insideMiddle',
                 'insideEnd'
-            ]).default('insideEnd').optional(),
-            textColor: schemas_string().default('#ffffff').optional(),
-            textFontSize: schemas_number().default(12).optional(),
-            textFontWeight: schemas_number().default(400).optional(),
+            ]).default('insideEnd').nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
             textAlign: schemas_enum([
                 'left',
                 'right',
                 'center'
-            ]).default('right').optional(),
+            ]).default('right').nullish(),
             textBaseline: schemas_enum([
                 'top',
                 'middle',
                 'bottom'
-            ]).default('top').optional(),
-            lineVisible: schemas_boolean().default(true).optional(),
-            lineColor: schemas_string().default('#212121').optional(),
-            lineWidth: schemas_number().default(1).optional(),
+            ]).default('top').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundPadding: schemas_number().default(2).nullish(),
+            lineVisible: schemas_boolean().default(true).nullish(),
+            lineColor: schemas_string().default('#212121').nullish(),
+            lineWidth: schemas_number().default(1).nullish(),
             lineStyle: union([
                 literal('solid'),
                 literal('dashed'),
                 literal('dotted')
-            ]).default('dashed').optional(),
-            backgroundVisible: schemas_boolean().default(true).optional(),
-            backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().default('#212121').optional(),
-            backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
-            backgroundPadding: schemas_number().default(2).optional(),
+            ]).default('dashed').nullish(),
             offsetX: schemas_number().default(0),
             offsetY: schemas_number().default(0)
         });
@@ -12711,7 +12907,7 @@
             selector: union([
                 zSelector,
                 zSelectors
-            ]).optional(),
+            ]).nullish(),
             yValue: union([
                 schemas_number(),
                 schemas_string(),
@@ -12719,8 +12915,8 @@
                     schemas_number(),
                     schemas_string()
                 ]))
-            ]).optional(),
-            text: schemas_string().or(schemas_array(schemas_string())).optional(),
+            ]).nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
             textPosition: schemas_enum([
                 'outsideStart',
                 'outsideEnd',
@@ -12728,34 +12924,34 @@
                 'insideStart',
                 'insideMiddle',
                 'insideEnd'
-            ]).default('insideEnd').optional(),
-            textColor: schemas_string().default('#ffffff').optional(),
-            textFontSize: schemas_number().default(12).optional(),
-            textFontWeight: schemas_number().default(400).optional(),
+            ]).default('insideEnd').nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
             textAlign: schemas_enum([
                 'left',
                 'right',
                 'center'
-            ]).default('right').optional(),
+            ]).default('right').nullish(),
             textBaseline: schemas_enum([
                 'top',
                 'middle',
                 'bottom'
-            ]).default('top').optional(),
-            lineVisible: schemas_boolean().default(true).optional(),
-            lineColor: schemas_string().default('#212121').optional(),
-            lineWidth: schemas_number().default(1).optional(),
+            ]).default('top').nullish(),
+            lineVisible: schemas_boolean().default(true).nullish(),
+            lineColor: schemas_string().default('#212121').nullish(),
+            lineWidth: schemas_number().default(1).nullish(),
             lineStyle: union([
                 literal('solid'),
                 literal('dashed'),
                 literal('dotted')
-            ]).default('dashed').optional(),
-            backgroundVisible: schemas_boolean().default(true).optional(),
-            backgroundColor: schemas_string().default('#212121').optional(),
-            backgroundBorderColor: schemas_string().default('#212121').optional(),
-            backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
-            backgroundPadding: schemas_number().default(2).optional(),
+            ]).default('dashed').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundPadding: schemas_number().default(2).nullish(),
             offsetX: schemas_number().default(0),
             offsetY: schemas_number().default(0)
         });
@@ -12773,60 +12969,60 @@
                 'bottomRight',
                 'left',
                 'right'
-            ]).default('top').optional(),
-            text: schemas_string().or(schemas_array(schemas_string())).optional(),
-            textColor: schemas_string().default('#ffffff').optional(),
-            textFontSize: schemas_number().default(12).optional(),
-            textFontWeight: schemas_number().default(400).optional(),
+            ]).default('top').nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
             textAlign: schemas_enum([
                 'left',
                 'right',
                 'center'
-            ]).default('center').optional(),
+            ]).default('center').nullish(),
             textBaseline: schemas_enum([
                 'top',
                 'middle',
                 'bottom'
-            ]).default('top').optional(),
-            backgroundVisible: schemas_boolean().default(true).optional(),
-            backgroundColor: schemas_string().default('#191d24').optional(),
-            backgroundBorderColor: schemas_string().default('#191d24').optional(),
-            backgroundBorderWidth: schemas_number().default(1).optional(),
-            backgroundBorderRadius: schemas_number().default(4).optional(),
-            backgroundPadding: schemas_number().default(4).optional(),
-            areaColor: schemas_string().default('#888888').optional(),
-            areaColorOpacity: schemas_number().default(0.15).optional(),
-            areaBorderColor: schemas_string().default('#888888').optional(),
-            areaBorderWidth: schemas_number().default(1).optional(),
-            areaBorderRadius: schemas_number().default(4).optional(),
-            outerPadding: schemas_number().default(4).optional(),
-            offsetX: schemas_number().default(0).optional(),
-            offsetY: schemas_number().default(0).optional()
+            ]).default('top').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#191d24').nullish(),
+            textBackgroundBorderColor: schemas_string().default('#191d24').nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundPadding: schemas_number().default(4).nullish(),
+            areaColor: schemas_string().default('#888888').nullish(),
+            areaColorOpacity: schemas_number().default(0.15).nullish(),
+            areaBorderColor: schemas_string().default('#888888').nullish(),
+            areaBorderWidth: schemas_number().default(1).nullish(),
+            areaBorderRadius: schemas_number().default(4).nullish(),
+            outerPadding: schemas_number().default(4).nullish(),
+            offsetX: schemas_number().default(0).nullish(),
+            offsetY: schemas_number().default(0).nullish()
         });
         const zAnnotation = schemas_object({
-            annotationPoint: zAnnotationPoint.or(schemas_array(zAnnotationPoint)).optional(),
-            annotationVerticalLine: zAnnotationVerticalLine.or(schemas_array(zAnnotationVerticalLine)).optional(),
-            annotationHorizontalLine: zAnnotationHorizontalLine.or(schemas_array(zAnnotationHorizontalLine)).optional(),
-            annotationArea: zAnnotationArea.or(schemas_array(zAnnotationArea)).optional()
+            annotationPoint: zAnnotationPoint.or(schemas_array(zAnnotationPoint)).nullish(),
+            annotationVerticalLine: zAnnotationVerticalLine.or(schemas_array(zAnnotationVerticalLine)).nullish(),
+            annotationHorizontalLine: zAnnotationHorizontalLine.or(schemas_array(zAnnotationHorizontalLine)).nullish(),
+            annotationArea: zAnnotationArea.or(schemas_array(zAnnotationArea)).nullish()
         });
         const zSort = schemas_object({
             order: schemas_enum([
                 'asc',
                 'desc'
             ]).default('asc'),
-            orderBy: schemas_string().optional(),
-            customOrder: schemas_array(any()).optional()
+            orderBy: schemas_string().nullish(),
+            customOrder: schemas_array(any()).nullish()
         });
         const zSortLegend = schemas_object({
             order: schemas_enum([
                 'asc',
                 'desc'
             ]).default('asc'),
-            orderBy: schemas_string().optional(),
-            customOrder: schemas_array(any()).optional()
+            orderBy: schemas_string().nullish(),
+            customOrder: schemas_array(any()).nullish()
         });
         const zAnalysis = schemas_object({
-            orderMapping: record(schemas_string(), schemas_array(schemas_string())).optional()
+            orderMapping: record(schemas_string(), schemas_array(schemas_string())).nullish()
         });
         const zLocale = schemas_enum([
             'zh-CN',
@@ -12834,384 +13030,410 @@
         ]).default('zh-CN');
         const zTable = schemas_object({
             chartType: literal('table'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            borderColor: schemas_string().nullish(),
+            bodyFontSize: schemas_number().nullish(),
+            bodyFontColor: schemas_string().nullish(),
+            bodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyInlineBackgroundColor: schemas_string().nullish(),
+            headerFontSize: schemas_number().nullish(),
+            headerFontColor: schemas_string().nullish(),
+            headerBackgroundColor: schemas_string().nullish(),
+            hoverHeaderBackgroundColor: schemas_string().nullish(),
+            hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
+            selectedBorderColor: schemas_string().nullish(),
+            selectedBackgroundColor: schemas_string().nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zPivotTable = schemas_object({
             chartType: literal('pivotTable'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasures.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            borderColor: schemas_string().nullish(),
+            bodyFontSize: schemas_number().nullish(),
+            bodyFontColor: schemas_string().nullish(),
+            bodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyBackgroundColor: schemas_string().nullish(),
+            hoverBodyInlineBackgroundColor: schemas_string().nullish(),
+            headerFontSize: schemas_number().nullish(),
+            headerFontColor: schemas_string().nullish(),
+            headerBackgroundColor: schemas_string().nullish(),
+            hoverHeaderBackgroundColor: schemas_string().nullish(),
+            hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
+            selectedBorderColor: schemas_string().nullish(),
+            selectedBackgroundColor: schemas_string().nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zLine = schemas_object({
             chartType: literal('line'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
-            sort: zSort.optional(),
-            sortLegend: zSortLegend.optional(),
-            theme: zTheme.optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish(),
+            sort: zSort.nullish(),
+            sortLegend: zSortLegend.nullish(),
+            theme: zTheme.nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zColumn = schemas_object({
             chartType: literal('column'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zColumnParallel = schemas_object({
             chartType: literal('columnParallel'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zColumnPercent = schemas_object({
             chartType: literal('columnPercent'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zBar = schemas_object({
             chartType: literal('bar'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYBandAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYBandAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zBarParallel = schemas_object({
             chartType: literal('barParallel'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYBandAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYBandAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zBarPercent = schemas_object({
             chartType: literal('barPercent'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYBandAxis.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            stackCornerRadius: zStackCornerRadius.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYBandAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zArea = schemas_object({
             chartType: literal('area'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
-            theme: zTheme.optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
-            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish(),
+            theme: zTheme.nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zAreaPercent = schemas_object({
             chartType: literal('areaPercent'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
-            theme: zTheme.optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
-            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish(),
+            theme: zTheme.nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zAreaRange = schemas_object({
             chartType: literal('areaRange'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            xAxis: zXBandAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
-            theme: zTheme.optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
-            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish(),
+            theme: zTheme.nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zScatter = schemas_object({
             chartType: literal('scatter'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
-            theme: zTheme.optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairLine: zCrosshairLine.nullish(),
+            theme: zTheme.nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zDualAxis = schemas_object({
             chartType: literal('dualAxis'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            dualMeasures: zDualMeasures.optional(),
-            dualChartType: schemas_array(zDualChartType).or(zDualChartType).optional(),
-            primaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).optional(),
-            secondaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).optional(),
-            xAxis: zXBandAxis.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            crosshairRect: zCrosshairRect.optional(),
-            sort: zSort.optional(),
-            sortLegend: zSortLegend.optional(),
-            theme: zTheme.optional(),
-            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
-            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
-            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
-            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            dualMeasures: zDualMeasures.nullish(),
+            dualChartType: schemas_array(zDualChartType).or(zDualChartType).nullish(),
+            primaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).nullish(),
+            secondaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).nullish(),
+            xAxis: zXBandAxis.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            sort: zSort.nullish(),
+            sortLegend: zSortLegend.nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
         });
         const zRose = schemas_object({
             chartType: literal('rose'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zRoseParallel = schemas_object({
             chartType: literal('roseParallel'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zPie = schemas_object({
             chartType: literal('pie'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zDonut = schemas_object({
             chartType: literal('donut'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zRadar = schemas_object({
             chartType: literal('radar'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
-            label: zLabel.optional(),
-            legend: zLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zFunnel = schemas_object({
             chartType: literal('funnel'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zLinearColor.optional(),
-            label: zLabel.optional(),
-            legend: zColorLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zLinearColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zColorLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zHeatmap = schemas_object({
             chartType: literal('heatmap'),
-            dataset: zDataset.optional(),
-            dimensions: zDimensions.optional(),
-            measures: zMeasureTree.optional(),
-            backgroundColor: zBackgroundColor.optional(),
-            color: zLinearColor.optional(),
-            label: zLabel.optional(),
-            legend: zColorLegend.optional(),
-            tooltip: zTooltip.optional(),
-            theme: zTheme.optional(),
-            locale: zLocale.optional()
+            dataset: zDataset.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zLinearColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zColorLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            theme: zTheme.nullish(),
+            locale: zLocale.nullish()
         });
         const zVSeed = discriminatedUnion('chartType', [
             zTable,