@visactor/vseed 0.0.32 → 0.0.34

package/dist/index.js

@@ -8,11 +8,11 @@ const buildAdvanced = (builder)=>{
     const start = 'undefined' != typeof performance ? performance.now() : Date.now();
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
-    const pipeline = builder.getAdvancedPipeline(chartType);
+    const pipeline = Builder.getAdvancedPipeline(chartType);
     if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
     const context = {
         vseed: builder.vseed,
-        customTheme: builder.getThemeMap()
+        customTheme: Builder.getThemeMap()
     };
     try {
         return execPipeline(pipeline, context);
@@ -28,7 +28,7 @@ const buildSpec = (builder, advancedVSeed)=>{
     const start = 'undefined' != typeof performance ? performance.now() : Date.now();
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildSpec');
-    const pipeline = builder.getSpecPipeline(chartType);
+    const pipeline = Builder.getSpecPipeline(chartType);
     if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
     const context = {
         vseed: builder.vseed,
@@ -111,20 +111,6 @@ class Builder {
     build = ()=>build(this);
     buildSpec = (advanced)=>buildSpec(this, advanced);
     buildAdvanced = ()=>buildAdvanced(this);
-    getAdvancedPipeline = (chartType)=>{
-        const customPipe = Builder._customAdvancedPipe[chartType];
-        const pipeline = Builder._advancedPipelineMap[chartType];
-        if (customPipe) pipeline.push(customPipe);
-        return pipeline;
-    };
-    getSpecPipeline = (chartType)=>{
-        const customPipe = Builder._customSpecPipe[chartType];
-        const pipeline = Builder._specPipelineMap[chartType];
-        if (customPipe) pipeline.push(customPipe);
-        return pipeline;
-    };
-    getTheme = (themeKey)=>Builder._themeMap[themeKey];
-    getThemeMap = ()=>Builder._themeMap;
     getColorItems = ()=>getColorItems(this);
     getColorIdMap = ()=>getColorIdMap(this);
     get vseed() {
@@ -151,12 +137,26 @@ class Builder {
     set performance(value) {
         this._performance = value;
     }
+    static getAdvancedPipeline = (chartType)=>{
+        const customPipe = Builder._customAdvancedPipe[chartType];
+        const pipeline = Builder._advancedPipelineMap[chartType];
+        if (customPipe) pipeline.push(customPipe);
+        return pipeline;
+    };
+    static getSpecPipeline = (chartType)=>{
+        const customPipe = Builder._customSpecPipe[chartType];
+        const pipeline = Builder._specPipelineMap[chartType];
+        if (customPipe) pipeline.push(customPipe);
+        return pipeline;
+    };
+    static getTheme = (themeKey)=>Builder._themeMap[themeKey];
+    static getThemeMap = ()=>Builder._themeMap;
+    static from = (vseed)=>new Builder(vseed);
     static _advancedPipelineMap = {};
     static _specPipelineMap = {};
     static _customAdvancedPipe = {};
     static _customSpecPipe = {};
     static _themeMap = {};
-    static from = (vseed)=>new Builder(vseed);
 }
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
@@ -175,7 +175,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = measures;
         return result;
     }
@@ -255,8 +255,11 @@ const autoDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
-        result.dimensions = dimensions;
+    if (dimensions) {
+        result.dimensions = dimensions.map((dim)=>({
+                location: 'dimension',
+                ...dim
+            }));
         return result;
     }
     const top100dataset = dataset.slice(0, 100);
@@ -552,7 +555,7 @@ const autoPivotMeasures = (advancedVSeed, context)=>{
     const measures = findAllMeasures(vseed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (vseed.measures) {
         result.measures = findAllMeasures(measures);
         return result;
     }
@@ -615,7 +618,7 @@ const autoPivotDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         const newDimensions = findAllDimensions(dimensions);
         result.dimensions = newDimensions.map((item, index)=>{
             if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
@@ -850,6 +853,15 @@ const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
         locale: locale || 'zh-CN'
     };
 };
+const measureDepth = (measures = [])=>{
+    if (!measures) return 0;
+    let depth = 1;
+    preorderTraverse(measures, (node)=>{
+        if ('children' in node) depth = Math.max(depth, 1 + measureDepth(node.children));
+        return false;
+    });
+    return depth;
+};
 const isTable = (vseed)=>'table' === vseed.chartType;
 const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
 const isVTable = (vseed)=>[
@@ -859,9 +871,18 @@ const isVTable = (vseed)=>[
 const isVChart = (vseed)=>!isVTable(vseed);
 const isPivotChart = (vseed)=>{
     if (isVTable(vseed)) return false;
+    if ('dualAxis' === vseed.chartType) {
+        if (vseed.measures) {
+            const depth = measureDepth(vseed.measures);
+            if (3 === depth) return true;
+            return false;
+        }
+        if (vseed.dualMeasures && vseed.dualMeasures.length > 1) return true;
+        return false;
+    }
     const { measures = [], dimensions = [] } = vseed;
     const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'rowDimension' === dimension.location || 'columnDimension' === dimension.location);
-    const hasMeasureGroup = measures && measures.find((measure)=>measure && measure.children);
+    const hasMeasureGroup = measures && measures.some((measure)=>measure && measure.children);
     return hasRowOrColumnDimension || hasMeasureGroup;
 };
 const autoMeasures_autoMeasures = (advancedVSeed, context)=>{
@@ -945,7 +966,10 @@ const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
     if (dimensions) {
-        result.dimensions = dimensions;
+        result.dimensions = dimensions.map((dim)=>({
+                location: 'dimension',
+                ...dim
+            }));
         return result;
     }
     const top100dataset = dataset.slice(0, 100);
@@ -971,8 +995,10 @@ const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
         return execPipeline(pipeline, context, advancedVSeed);
     };
 const FoldMeasureName = '__MeaName__';
-const FoldMeasureValue = '__MeaValue__';
 const FoldMeasureId = '__MeaId__';
+const FoldMeasureValue = '__MeaValue__';
+const FoldPrimaryMeasureValue = '__MeaPrimaryValue__';
+const FoldSecondaryMeasureValue = '__MeaSecondaryValue__';
 const UnfoldDimensionGroup = '__DimGroup__';
 const UnfoldDimensionGroupId = '__DimGroupID__';
 const Separator = '-';
@@ -1152,6 +1178,7 @@ const reshapeTo2D1M0Name = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '2D1M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -1176,7 +1203,7 @@ const pivotReshapeTo2D1M0Name = (advancedVSeed, context)=>{
     const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
     const newDatasets = [];
     const datasetReshapeInfo = [];
-    measureGroups.forEach((measureGroup)=>{
+    measureGroups.forEach((measureGroup, index)=>{
         const measures = measureGroup.children;
         if (!measures) return;
         const groupId = measureGroup.id;
@@ -1188,6 +1215,7 @@ const pivotReshapeTo2D1M0Name = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -1469,11 +1497,13 @@ const color_color = (spec, context)=>{
     const { unfoldInfo } = datasetReshapeInfo[0];
     const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.color) return result;
+    const colorItems = unfoldInfo.colorItems;
+    const colorIdMap = unfoldInfo.colorIdMap;
     const { color } = baseConfig;
     const { colorScheme, colorMapping } = color;
     const mappingList = [];
     if (colorMapping) Object.entries(colorMapping).sort((a, b)=>a[0].split(Separator).length - b[0].split(Separator).length).forEach(([key, value])=>{
-        const idMap = Object.entries(unfoldInfo.colorIdMap).filter(([_, v])=>v.includes(key));
+        const idMap = Object.entries(colorIdMap).filter(([_, v])=>v.includes(key));
         for (const [colorId] of idMap)mappingList.push([
             colorId,
             value
@@ -1481,7 +1511,7 @@ const color_color = (spec, context)=>{
     });
     result.color = {
         type: 'ordinal',
-        domain: unfoldInfo.colorItems,
+        domain: colorItems,
         range: colorScheme,
         specified: Object.fromEntries(mappingList)
     };
@@ -2303,7 +2333,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', 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', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = 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)=>({
@@ -2335,7 +2365,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             stroke: backgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
-                            fontWeight: textFontWeight
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
                         },
                         labelBackground: {
                             visible: backgroundVisible,
@@ -2344,7 +2375,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth,
+                                dy: textFontSize
                             }
                         }
                     }
@@ -2373,7 +2405,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = 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 dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
@@ -2472,7 +2504,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, 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, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
@@ -2573,7 +2605,7 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX = 0, offsetY = 0 } = 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 dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -2643,6 +2675,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -2655,6 +2688,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3187,6 +3221,7 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '2D1M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -3211,7 +3246,7 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
     const newDatasets = [];
     const datasetReshapeInfo = [];
-    measureGroups.forEach((measureGroup)=>{
+    measureGroups.forEach((measureGroup, index)=>{
         const measures = measureGroup.children;
         if (!measures) return;
         const groupId = measureGroup.id;
@@ -3223,6 +3258,7 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -3410,7 +3446,7 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX, offsetY } = 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 dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -3484,6 +3520,7 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: backgroundColor,
@@ -3496,6 +3533,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -4627,6 +4665,7 @@ const reshapeTo1D = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '1D2M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -4648,7 +4687,7 @@ const pivotReshapeTo1D = (advancedVSeed, context)=>{
     });
     const newDatasets = [];
     const datasetReshapeInfo = [];
-    measureGroups.forEach((measureGroup)=>{
+    measureGroups.forEach((measureGroup, index)=>{
         const measures = measureGroup.children;
         if (!measures) return;
         const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
@@ -4661,6 +4700,7 @@ const pivotReshapeTo1D = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -4673,7 +4713,7 @@ const pivotReshapeTo1D = (advancedVSeed, context)=>{
         datasetReshapeInfo: datasetReshapeInfo
     };
 };
-const encodingXYY = (advancedVSeed)=>{
+const encodingAreaRange = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
@@ -4750,7 +4790,7 @@ const areaRangeAdvancedPipeline = [
     ], [
         pivotReshapeTo1D
     ]),
-    encodingXYY,
+    encodingAreaRange,
     sortXBandAxis,
     areaConfig,
     theme_theme,
@@ -5072,6 +5112,7 @@ const reshapeTo1D2M = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '1D2M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -5093,7 +5134,7 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
     });
     const newDatasets = [];
     const datasetReshapeInfo = [];
-    measureGroups.forEach((measureGroup)=>{
+    measureGroups.forEach((measureGroup, index)=>{
         const measures = measureGroup.children;
         if (!measures) return;
         const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
@@ -5106,6 +5147,7 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -5285,69 +5327,7 @@ const registerScatter = ()=>{
     Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
     Builder._specPipelineMap.scatter = scatterSpecPipeline;
 };
-const dataReshapeFor1D1M_emptyReshapeResult = {
-    dataset: [],
-    foldInfo: {
-        foldMap: {},
-        measureId: '',
-        measureName: '',
-        measureValue: ''
-    },
-    unfoldInfo: {
-        groupName: '',
-        groupId: '',
-        colorItems: [],
-        colorIdMap: {}
-    }
-};
-const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
-    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
-    if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D1M_emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
-    if (0 === dimensions.length) {
-        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
-            {
-                id: foldMeasureName,
-                alias: i18n`指标名称`,
-                location: 'dimension'
-            }
-        ], [
-            {
-                id: foldMeasureValue,
-                alias: i18n`指标值`
-            }
-        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-    {
-        const dims = 1 === measures.length ? [
-            ...dimensions
-        ] : [
-            ...dimensions,
-            {
-                id: foldMeasureName,
-                alias: i18n`指标名称`,
-                location: 'dimension'
-            }
-        ];
-        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dims, [
-            {
-                id: foldMeasureValue,
-                alias: i18n`指标值`
-            }
-        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-};
-const reshapeTo1D1M = (advancedVSeed, context)=>{
+const reshapeTo2D2M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
@@ -5356,84 +5336,138 @@ const reshapeTo1D1M = (advancedVSeed, context)=>{
     const { dimensions, measures } = advancedVSeed;
     if (!measures || !dimensions || !dataset) return result;
     if (0 === measures.length) throw new Error('measures can not be empty');
-    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, dimensions, measures);
+    if (measures.length > 2) throw new Error('measures can not be more than 2');
+    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+    const datasets = [];
+    const foldInfoList = [];
+    const unfoldInfoList = [];
+    const primaryMeasures = measures[0];
+    const secondaryMeasures = measures[1] || [];
+    if (primaryMeasures && primaryMeasures.children) {
+        const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, primaryMeasures.children, {
+            foldMeasureValue: FoldPrimaryMeasureValue
+        });
+        datasets.push(newDatasets);
+        foldInfoList.push(foldInfo);
+        unfoldInfoList.push(unfoldInfo);
+    }
+    if (secondaryMeasures && secondaryMeasures.children) {
+        const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, secondaryMeasures.children, {
+            foldMeasureValue: FoldSecondaryMeasureValue
+        });
+        datasets.push(newDatasets);
+        foldInfoList.push(foldInfo);
+        unfoldInfoList.push(unfoldInfo);
+    }
+    const unfoldInfo = {
+        groupName: unfoldInfoList[0].groupName,
+        groupId: unfoldInfoList[0].groupId,
+        colorItems: unfoldInfoList.flatMap((d)=>d.colorItems),
+        colorIdMap: unfoldInfoList.reduce((prev, cur)=>({
+                ...prev,
+                ...cur.colorIdMap
+            }), {})
+    };
     return {
         ...result,
-        dataset: newDatasets,
+        dataset: datasets,
         datasetReshapeInfo: [
             {
-                id: '1D1M',
-                foldInfo,
-                unfoldInfo
+                id: '2D2M',
+                index: 0,
+                foldInfo: foldInfoList[0],
+                foldInfoList: foldInfoList,
+                unfoldInfo: unfoldInfo
             }
         ]
     };
 };
-const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
+const pivotReshapeTo2D2M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { measures } = advancedVSeed;
-    const dimensions = advancedVSeed.dimensions;
-    if (!measures || !dimensions) return result;
-    const measureGroups = [];
-    if (measures) measures.forEach((measure)=>{
-        if (measure.children && measure.children.length > 0) measureGroups.push(measure);
-    });
-    const newDatasets = [];
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions || !dataset) return result;
+    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+    const datasetList = [];
     const datasetReshapeInfo = [];
-    measureGroups.forEach((measureGroup)=>{
-        const measures = measureGroup.children;
-        if (!measures) return;
-        const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
-        const groupId = measureGroup.id;
-        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
-            foldMeasureId: FoldMeasureId,
-            foldMeasureName: FoldMeasureName,
-            foldMeasureValue: FoldMeasureValue + groupId,
-            unfoldDimensionGroup: UnfoldDimensionGroup
-        });
+    measures.forEach((measureGroup, index)=>{
+        const measures = measureGroup.children || [];
+        if (0 === measures.length) throw new Error('measures can not be empty');
+        if (measures.length > 2) throw new Error('measures can not be more than 2');
+        const datasets = [];
+        const foldInfoList = [];
+        const unfoldInfoList = [];
+        const primaryMeasures = measures[0];
+        const secondaryMeasures = measures[1] || measures[0];
+        if (primaryMeasures && primaryMeasures.children) {
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, primaryMeasures.children, {
+                foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`
+            });
+            datasets.push(newDatasets);
+            foldInfoList.push(foldInfo);
+            unfoldInfoList.push(unfoldInfo);
+        }
+        if (secondaryMeasures && secondaryMeasures.children) {
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, secondaryMeasures.children, {
+                foldMeasureValue: `${FoldSecondaryMeasureValue}${index}`
+            });
+            datasets.push(newDatasets);
+            foldInfoList.push(foldInfo);
+            unfoldInfoList.push(unfoldInfo);
+        }
+        datasetList.push(datasets.flat(2));
+        const unfoldInfo = {
+            groupName: unfoldInfoList[0].groupName,
+            groupId: unfoldInfoList[0].groupId,
+            colorItems: unfoldInfoList.flatMap((d)=>d.colorItems),
+            colorIdMap: unfoldInfoList.reduce((prev, cur)=>({
+                    ...prev,
+                    ...cur.colorIdMap
+                }), {})
+        };
         const reshapeInfo = {
-            id: groupId,
-            foldInfo,
-            unfoldInfo
+            id: `2D2M-${index}`,
+            index,
+            foldInfo: foldInfoList[0],
+            unfoldInfo: unfoldInfo,
+            foldInfoList: foldInfoList
         };
-        newDatasets.push(newSubDataset);
         datasetReshapeInfo.push(reshapeInfo);
     });
     return {
         ...result,
-        dataset: newDatasets,
-        datasetReshapeInfo: datasetReshapeInfo
+        dataset: datasetList,
+        datasetReshapeInfo
     };
 };
-const encodingPie = (advancedVSeed)=>{
+const encodingXYY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo } = advancedVSeed;
-    if (!datasetReshapeInfo) return result;
+    const { datasetReshapeInfo, dimensions } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions) return result;
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
+    const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
-        const { foldInfo, unfoldInfo } = cur;
-        const radius = [
-            foldInfo.measureValue
-        ];
-        const angle = [
-            unfoldInfo.groupId
+        const { foldInfoList, unfoldInfo } = cur;
+        const x = [
+            isZeroDimension ? foldInfoList[0].measureName : xDimension?.id
         ];
+        const y = foldInfoList.map((d)=>d.measureValue);
         const group = [
             unfoldInfo.groupId
         ];
         const color = [
-            unfoldInfo.groupId
+            foldInfoList[0].measureName
         ];
         return [
             ...prev,
             {
-                angle,
-                radius,
+                x,
+                y,
                 group,
                 color
             }
@@ -5444,36 +5478,1043 @@ const encodingPie = (advancedVSeed)=>{
         encoding
     };
 };
-const pieAdvancedPipeline = [
+const dualAxisConfig = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType } = vseed;
+    const result = {
+        ...advancedVSeed
+    };
+    const config = pick(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip',
+        'dualChartType',
+        'primaryYAxis',
+        'secondaryYAxis',
+        'crosshairLine'
+    ]);
+    result.config = {
+        ...result.config || {},
+        [chartType]: {
+            ...config
+        }
+    };
+    return result;
+};
+const autoDualMeasures = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset, dualMeasures, measures } = vseed;
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dualMeasures) {
+        result.measures = dualMeasuresToMeasureTree(dualMeasures);
+        return result;
+    }
+    if (measures && measureDepth(measures) > 1) {
+        result.measures = measures;
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    const newMeasures = measures || Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    if (0 === newMeasures.length) result.measures = [];
+    else if (1 === newMeasures.length) result.measures = [
+        {
+            id: 'primary',
+            alias: 'primary',
+            children: newMeasures
+        }
+    ];
+    else if (newMeasures.length > 1) result.measures = [
+        {
+            id: 'primary',
+            alias: 'primary',
+            children: newMeasures.slice(0, 1)
+        },
+        {
+            id: 'secondary',
+            alias: 'secondary',
+            children: newMeasures.slice(1)
+        }
+    ];
+    return result;
+};
+const dualMeasuresToMeasureTree = (dualMeasures)=>{
+    const measureTree = dualMeasures.map((item, index)=>{
+        const { primaryMeasures, secondaryMeasures, primaryAlias, secondaryAlias } = item;
+        const groupChildren = [];
+        if (primaryMeasures) {
+            const arrPrimaryMeasures = Array.isArray(primaryMeasures) ? primaryMeasures : [
+                primaryMeasures
+            ];
+            groupChildren.push({
+                id: `${index}-primary`,
+                alias: primaryAlias || arrPrimaryMeasures.map((item)=>item.alias || item.id).toString(),
+                children: arrPrimaryMeasures
+            });
+        }
+        if (secondaryMeasures) {
+            const arrSecondaryMeasures = Array.isArray(secondaryMeasures) ? secondaryMeasures : [
+                secondaryMeasures
+            ];
+            groupChildren.push({
+                id: `${index}-secondary`,
+                alias: secondaryAlias || arrSecondaryMeasures.map((item)=>item.alias || item.id).toString(),
+                children: arrSecondaryMeasures
+            });
+        }
+        const id = [
+            primaryAlias,
+            secondaryAlias,
+            index
+        ].filter((d)=>!isNullish(d)).join('-');
+        return {
+            id,
+            alias: id,
+            children: groupChildren
+        };
+    });
+    if (1 === dualMeasures.length) return measureTree[0].children || [];
+    return measureTree;
+};
+const dualAxisAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    autoDualMeasures,
     autoDimensions_autoDimensions,
     pivotAdapter([
-        reshapeTo1D1M
+        reshapeTo2D2M
     ], [
-        pivotReshapeTo1D1M
+        pivotReshapeTo2D2M
     ]),
-    encodingPie,
-    pieConfig,
+    encodingXYY,
+    sortXBandAxis,
+    sort_sortLegend,
+    dualAxisConfig,
     theme_theme,
+    markStyle_markStyle,
     annotation_annotation
 ];
-const initPie = (spec, context)=>{
+const initDualAxisPrimary = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { encoding, dataset } = advancedVSeed;
-    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
-    const showStroke = dataset.length <= 30;
-    result.type = 'pie';
-    result.outerRadius = 0.8;
-    result.innerRadius = 0;
-    result.valueField = encoding[0].radius[0];
-    result.categoryField = encoding[0].angle[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    result.region = [
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.id = `${datasetReshapeInfo[0].id}-primary-series`;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.animation = true;
+    return result;
+};
+const initDualAxisSecondary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.id = `${datasetReshapeInfo[0].id}-secondary-series`;
+    result.type = 'line';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[1];
+    result.seriesField = encoding[0].group[0];
+    result.animation = true;
+    return result;
+};
+const dualChartTypePrimary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType } = vseed;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const config = advancedVSeed.config?.[chartType]?.dualChartType || {
+        primary: 'column',
+        secondary: 'line'
+    };
+    if (Array.isArray(config)) return result;
+    switch(config.primary){
+        case 'line':
+            result.type = 'line';
+            break;
+        case 'column':
+            result.type = 'bar';
+            break;
+        case 'columnParallel':
+            {
+                const columnSpec = result;
+                if (Array.isArray(columnSpec.xField)) columnSpec.xField.push(datasetReshapeInfo[0].unfoldInfo.groupId);
+                else if (columnSpec.xField) columnSpec.xField = [
+                    columnSpec.xField,
+                    datasetReshapeInfo[0].unfoldInfo.groupId
+                ];
+                columnSpec.type = 'bar';
+                break;
+            }
+        case 'columnPercent':
+            result.type = 'bar';
+            result.percent = true;
+            break;
+        case 'area':
+            result.type = 'area';
+            break;
+        case 'areaPercent':
+            result.type = 'area';
+            result.percent = true;
+            break;
+        case 'scatter':
+            result.type = 'scatter';
+            break;
+        default:
+            result.type = config.primary;
+    }
+    return result;
+};
+const dualChartTypeSecondary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType } = vseed;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const config = advancedVSeed.config?.[chartType]?.dualChartType || {
+        primary: 'column',
+        secondary: 'line'
+    };
+    if (Array.isArray(config)) return result;
+    switch(config.secondary){
+        case 'line':
+            result.type = 'line';
+            break;
+        case 'column':
+            result.type = 'bar';
+            break;
+        case 'columnParallel':
+            {
+                const columnSpec = result;
+                if (Array.isArray(columnSpec.xField)) columnSpec.xField.push(datasetReshapeInfo[0].unfoldInfo.groupId);
+                else if (columnSpec.xField) columnSpec.xField = [
+                    columnSpec.xField,
+                    datasetReshapeInfo[0].unfoldInfo.groupId
+                ];
+                columnSpec.type = 'bar';
+                break;
+            }
+        case 'columnPercent':
+            result.type = 'bar';
+            result.percent = true;
+            break;
+        case 'area':
+            result.type = 'area';
+            break;
+        case 'areaPercent':
+            result.type = 'area';
+            result.percent = true;
+            break;
+        case 'scatter':
+            result.type = 'scatter';
+            break;
+        default:
+            result.type = config.secondary;
+    }
+    return result;
+};
+const datasetPrimary = (spec, context)=>{
+    const { advancedVSeed, vseed } = context;
+    const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
+    const { orderMapping = {} } = analysis ?? {};
+    const x = encoding[0]?.x?.[0];
+    const group = encoding[0]?.group?.[0];
+    const id = datasetReshapeInfo[0].id;
+    const fields = {};
+    if (x) {
+        const order = orderMapping[x];
+        if (order) fields[x] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[x] = {
+            sortIndex: 0
+        };
+    }
+    if (group) {
+        const order = orderMapping[group];
+        if (order) fields[group] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[group] = {
+            sortIndex: 0
+        };
+    }
+    return {
+        ...spec,
+        data: {
+            id: `${id}-primary-dataset`,
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[0],
+            fields: fields
+        }
+    };
+};
+const datasetSecondary = (spec, context)=>{
+    const { advancedVSeed, vseed } = context;
+    const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
+    const { orderMapping = {} } = analysis ?? {};
+    const x = encoding[0]?.x?.[0];
+    const group = encoding[0]?.group?.[0];
+    const id = datasetReshapeInfo[0].id;
+    const fields = {};
+    if (x) {
+        const order = orderMapping[x];
+        if (order) fields[x] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[x] = {
+            sortIndex: 0
+        };
+    }
+    if (group) {
+        const order = orderMapping[group];
+        if (order) fields[group] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[group] = {
+            sortIndex: 0
+        };
+    }
+    return {
+        ...spec,
+        data: {
+            id: `${id}-secondary-dataset`,
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[1],
+            fields: fields
+        }
+    };
+};
+const labelPrimary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { measures, datasetReshapeInfo, locale } = advancedVSeed;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.label) return result;
+    const foldInfoList = datasetReshapeInfo[0].foldInfoList;
+    const { measureId, measureValue } = foldInfoList[0];
+    const { label } = baseConfig;
+    const { enable } = label;
+    result.label = {
+        visible: enable,
+        formatMethod: (value, datum)=>{
+            const result = [];
+            const formatValue = (value)=>{
+                const id = datum[measureId];
+                const measure = findMeasureById(measures, id);
+                if (!measure) return value;
+                const { format = {}, autoFormat = true } = measure;
+                if (!isEmpty(format)) {
+                    const formatter = createFormatter(format);
+                    return formatter(value);
+                }
+                if (autoFormat) return autoFormatter(value, locale);
+                return String(value);
+            };
+            result.push(formatValue(datum[measureValue]));
+            return result.join(' ');
+        }
+    };
+    return result;
+};
+const labelSecondary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { measures, datasetReshapeInfo, locale } = advancedVSeed;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.label) return result;
+    if (isNullish(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
+    const foldInfoList = datasetReshapeInfo[0].foldInfoList;
+    const { measureId, measureValue } = foldInfoList[1];
+    const { label } = baseConfig;
+    const { enable } = label;
+    result.label = {
+        visible: enable,
+        formatMethod: (value, datum)=>{
+            const result = [];
+            const formatValue = (value)=>{
+                const id = datum[measureId];
+                const measure = findMeasureById(measures, id);
+                if (!measure) return value;
+                const { format = {}, autoFormat = true } = measure;
+                if (!isEmpty(format)) {
+                    const formatter = createFormatter(format);
+                    return formatter(value);
+                }
+                if (autoFormat) return autoFormatter(value, locale);
+                return String(value);
+            };
+            result.push(formatValue(datum[measureValue]));
+            return result.join(' ');
+        }
+    };
+    return result;
+};
+const tooltipPrimary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { measures, datasetReshapeInfo, chartType, locale, dimensions } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { tooltip = {
+        enable: true
+    } } = baseConfig;
+    const { enable } = tooltip;
+    const foldInfoList = datasetReshapeInfo[0].foldInfoList;
+    const unfoldInfo = datasetReshapeInfo[0].unfoldInfo;
+    const { measureId, measureValue, measureName } = foldInfoList[0];
+    const { groupName } = unfoldInfo;
+    result.tooltip = {
+        visible: enable,
+        mark: {
+            title: {
+                visible: true
+            },
+            content: [
+                ...dimensions.map((item)=>({
+                        visible: true,
+                        hasShape: true,
+                        shapeType: 'rectRound',
+                        key: (datum)=>{
+                            if (item.alias || item.id) return item.alias || item.id;
+                            return datum && datum[item.id];
+                        },
+                        value: (datum)=>datum && datum[item.id]
+                    })),
+                {
+                    visible: true,
+                    hasShape: true,
+                    key: (datum)=>datum && datum[measureName || groupName] || '',
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        const value = datum[measureValue];
+                        const id = datum[measureId];
+                        const measure = findMeasureById(measures, id);
+                        if (!measure) return String(value);
+                        const { format = {}, autoFormat = true } = measure;
+                        if (!isEmpty(format)) {
+                            const formatter = createFormatter(format);
+                            return formatter(value);
+                        }
+                        if (autoFormat) return autoFormatter(value, locale);
+                        return String(value);
+                    }
+                }
+            ]
+        },
+        dimension: {
+            content: [
+                {
+                    visible: true,
+                    key: (datum)=>datum && datum[groupName] || '',
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        const value = datum[measureValue];
+                        const id = datum[measureId];
+                        const measure = findMeasureById(measures, id);
+                        if (!measure) return String(value);
+                        const { format = {}, autoFormat = true } = measure;
+                        if (!isEmpty(format)) {
+                            const formatter = createFormatter(format);
+                            return formatter(value);
+                        }
+                        if (autoFormat) return autoFormatter(value, locale);
+                        return String(value);
+                    },
+                    shapeType: 'rectRound'
+                }
+            ]
+        }
+    };
+    return result;
+};
+const tooltipSecondary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { measures, datasetReshapeInfo, chartType, locale, dimensions } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { tooltip = {
+        enable: true
+    } } = baseConfig;
+    const { enable } = tooltip;
+    if (isNullish(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
+    const foldInfoList = datasetReshapeInfo[0].foldInfoList;
+    const unfoldInfo = datasetReshapeInfo[0].unfoldInfo;
+    const { measureId, measureValue, measureName } = foldInfoList[1];
+    const { groupName } = unfoldInfo;
+    result.tooltip = {
+        visible: enable,
+        mark: {
+            title: {
+                visible: true
+            },
+            content: [
+                ...dimensions.map((item)=>({
+                        visible: true,
+                        hasShape: true,
+                        shapeType: 'rectRound',
+                        key: (datum)=>{
+                            if (item.alias || item.id) return item.alias || item.id;
+                            return datum && datum[item.id];
+                        },
+                        value: (datum)=>datum && datum[item.id]
+                    })),
+                {
+                    visible: true,
+                    hasShape: true,
+                    key: (datum)=>datum && datum[measureName || groupName] || '',
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        const value = datum[measureValue];
+                        const id = datum[measureId];
+                        const measure = findMeasureById(measures, id);
+                        if (!measure) return String(value);
+                        const { format = {}, autoFormat = true } = measure;
+                        if (!isEmpty(format)) {
+                            const formatter = createFormatter(format);
+                            return formatter(value);
+                        }
+                        if (autoFormat) return autoFormatter(value, locale);
+                        return String(value);
+                    }
+                }
+            ]
+        },
+        dimension: {
+            content: [
+                {
+                    visible: true,
+                    key: (datum)=>datum && datum[groupName] || '',
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        const value = datum[measureValue];
+                        const id = datum[measureId];
+                        const measure = findMeasureById(measures, id);
+                        if (!measure) return String(value);
+                        const { format = {}, autoFormat = true } = measure;
+                        if (!isEmpty(format)) {
+                            const formatter = createFormatter(format);
+                            return formatter(value);
+                        }
+                        if (autoFormat) return autoFormatter(value, locale);
+                        return String(value);
+                    },
+                    shapeType: 'rectRound'
+                }
+            ]
+        }
+    };
+    return result;
+};
+const yLinearPrimary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType } = vseed;
+    const { locale, datasetReshapeInfo } = advancedVSeed;
+    const config = advancedVSeed.config?.[chartType]?.primaryYAxis;
+    if (datasetReshapeInfo[0].foldInfoList?.[0] && isEmpty(datasetReshapeInfo[0].foldInfoList[0].foldMap)) return result;
+    const id = `${datasetReshapeInfo[0].id}-primary-axis`;
+    const seriesId = `${datasetReshapeInfo[0].id}-primary-series`;
+    if (!result.axes) result.axes = [];
+    if (!config) {
+        result.axes = [
+            ...result.axes,
+            {
+                visible: true,
+                id,
+                seriesId,
+                type: 'linear',
+                orient: 'left',
+                sync: {
+                    axisId: `${datasetReshapeInfo[0].id}-secondary-axis`,
+                    tickAlign: false,
+                    zeroAlign: true
+                }
+            }
+        ];
+        return result;
+    }
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
+    const linearAxis = {
+        visible,
+        id,
+        seriesId,
+        sync: {
+            axisId: `${datasetReshapeInfo[0].id}-secondary-axis`,
+            tickAlign: false,
+            zeroAlign: true
+        },
+        type: log ? 'log' : 'linear',
+        base: logBase,
+        orient: 'left',
+        nice,
+        zero: log ? false : zero,
+        inverse,
+        max,
+        min,
+        label: {
+            visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
+            style: {
+                fill: label?.labelColor,
+                angle: label?.labelAngle,
+                fontSize: label?.labelFontSize,
+                fontWeight: label?.labelFontWeight
+            }
+        },
+        title: {
+            visible: title?.visible,
+            text: title?.titleText,
+            style: {
+                fill: title?.titleColor,
+                fontSize: title?.titleFontSize,
+                fontWeight: title?.titleFontWeight
+            }
+        },
+        tick: {
+            visible: tick?.visible,
+            tickSize: tick?.tickSize,
+            inside: tick?.tickInside,
+            style: {
+                stroke: tick?.tickColor
+            }
+        },
+        grid: {
+            visible: grid?.visible,
+            style: {
+                lineWidth: grid?.gridWidth,
+                stroke: grid?.gridColor
+            }
+        },
+        domainLine: {
+            visible: line?.visible,
+            style: {
+                lineWidth: line?.lineWidth,
+                stroke: line?.lineColor
+            }
+        },
+        innerOffset: {
+            top: LINEAR_AXIS_INNER_OFFSET_TOP
+        }
+    };
+    result.axes = [
+        ...result.axes,
+        linearAxis
+    ];
+    return result;
+};
+const yLinearSecondary = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed, vseed } = context;
+    const { chartType } = vseed;
+    const { locale, datasetReshapeInfo } = advancedVSeed;
+    const config = advancedVSeed.config?.[chartType]?.secondaryYAxis;
+    if (isNullish(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
+    const id = `${datasetReshapeInfo[0].id}-secondary-axis`;
+    const seriesId = `${datasetReshapeInfo[0].id}-secondary-series`;
+    if (!result.axes) result.axes = [];
+    if (!config) {
+        result.axes = [
+            ...result.axes,
+            {
+                visible: true,
+                id,
+                seriesId,
+                type: 'linear',
+                orient: 'right'
+            }
+        ];
+        return result;
+    }
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
+    const linearAxis = {
+        visible,
+        id,
+        seriesId,
+        type: log ? 'log' : 'linear',
+        base: logBase,
+        orient: 'right',
+        nice,
+        zero: log ? false : zero,
+        inverse,
+        max,
+        min,
+        label: {
+            visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
+            style: {
+                fill: label?.labelColor,
+                angle: label?.labelAngle,
+                fontSize: label?.labelFontSize,
+                fontWeight: label?.labelFontWeight
+            }
+        },
+        title: {
+            visible: title?.visible,
+            text: title?.titleText,
+            style: {
+                fill: title?.titleColor,
+                fontSize: title?.titleFontSize,
+                fontWeight: title?.titleFontWeight
+            }
+        },
+        tick: {
+            visible: tick?.visible,
+            tickSize: tick?.tickSize,
+            inside: tick?.tickInside,
+            style: {
+                stroke: tick?.tickColor
+            }
+        },
+        grid: {
+            visible: grid?.visible,
+            style: {
+                lineWidth: grid?.gridWidth,
+                stroke: grid?.gridColor
+            }
+        },
+        domainLine: {
+            visible: line?.visible,
+            style: {
+                lineWidth: line?.lineWidth,
+                stroke: line?.lineColor
+            }
+        },
+        innerOffset: {
+            top: LINEAR_AXIS_INNER_OFFSET_TOP
+        }
+    };
+    result.axes = [
+        ...result.axes,
+        linearAxis
+    ];
+    return result;
+};
+const dualAxis = [
+    series([
+        initDualAxisPrimary,
+        dualChartTypePrimary,
+        datasetPrimary,
+        labelPrimary,
+        tooltipPrimary,
+        progressive,
+        barStyle_barStyle,
+        pointStyle_pointStyle,
+        pointStateDimensionHover,
+        lineStyle_lineStyle,
+        areaStyle_areaStyle
+    ], [
+        initDualAxisSecondary,
+        dualChartTypeSecondary,
+        datasetSecondary,
+        labelSecondary,
+        tooltipSecondary,
+        progressive,
+        barStyle_barStyle,
+        pointStyle_pointStyle,
+        pointStateDimensionHover,
+        lineStyle_lineStyle,
+        areaStyle_areaStyle
+    ]),
+    xBand,
+    yLinearPrimary,
+    yLinearSecondary,
+    color_color,
+    background_backgroundColor,
+    discreteLegend,
+    verticalCrosshairRect,
+    annotationPoint_annotationPoint,
+    annotationVerticalLine_annotationVerticalLine,
+    annotationHorizontalLine_annotationHorizontalLine,
+    annotationArea_annotationArea
+];
+const pivotDualAxis = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators_pivotIndicators([
+        series([
+            initDualAxisPrimary,
+            datasetPrimary,
+            labelPrimary,
+            tooltipPrimary,
+            progressive,
+            barStyle_barStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle
+        ], [
+            initDualAxisSecondary,
+            datasetSecondary,
+            labelSecondary,
+            tooltipSecondary,
+            progressive,
+            barStyle_barStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle
+        ]),
+        xBand,
+        yLinearPrimary,
+        yLinearSecondary,
+        color_color,
+        background_backgroundColor,
+        verticalCrosshairRect,
+        annotationPoint_annotationPoint,
+        annotationVerticalLine_annotationVerticalLine,
+        annotationHorizontalLine_annotationHorizontalLine,
+        annotationArea_annotationArea
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotDiscreteLegend
+];
+const dualAxisSpecPipeline = [
+    pivotAdapter_pivotAdapter(dualAxis, pivotDualAxis)
+];
+const registerDualAxis = ()=>{
+    Builder._advancedPipelineMap.dualAxis = dualAxisAdvancedPipeline;
+    Builder._specPipelineMap.dualAxis = dualAxisSpecPipeline;
+};
+const dataReshapeFor1D1M_emptyReshapeResult = {
+    dataset: [],
+    foldInfo: {
+        foldMap: {},
+        measureId: '',
+        measureName: '',
+        measureValue: ''
+    },
+    unfoldInfo: {
+        groupName: '',
+        groupId: '',
+        colorItems: [],
+        colorIdMap: {}
+    }
+};
+const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+    if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D1M_emptyReshapeResult;
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
+    if (0 === dimensions.length) {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+            {
+                id: foldMeasureName,
+                alias: i18n`指标名称`,
+                location: 'dimension'
+            }
+        ], [
+            {
+                id: foldMeasureValue,
+                alias: i18n`指标值`
+            }
+        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+    {
+        const dims = 1 === measures.length ? [
+            ...dimensions
+        ] : [
+            ...dimensions,
+            {
+                id: foldMeasureName,
+                alias: i18n`指标名称`,
+                location: 'dimension'
+            }
+        ];
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dims, [
+            {
+                id: foldMeasureValue,
+                alias: i18n`指标值`
+            }
+        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+};
+const reshapeTo1D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions || !dataset) return result;
+    if (0 === measures.length) throw new Error('measures can not be empty');
+    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, dimensions, measures);
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: [
+            {
+                id: '1D1M',
+                index: 0,
+                foldInfo,
+                unfoldInfo
+            }
+        ]
+    };
+};
+const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
+    if (!measures || !dimensions) return result;
+    const measureGroups = [];
+    if (measures) measures.forEach((measure)=>{
+        if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+    });
+    const newDatasets = [];
+    const datasetReshapeInfo = [];
+    measureGroups.forEach((measureGroup, index)=>{
+        const measures = measureGroup.children;
+        if (!measures) return;
+        const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+        const groupId = measureGroup.id;
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
+            foldMeasureId: FoldMeasureId,
+            foldMeasureName: FoldMeasureName,
+            foldMeasureValue: FoldMeasureValue + groupId,
+            unfoldDimensionGroup: UnfoldDimensionGroup
+        });
+        const reshapeInfo = {
+            id: groupId,
+            index,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
+const encodingPie = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const radius = [
+            foldInfo.measureValue
+        ];
+        const angle = [
+            unfoldInfo.groupId
+        ];
+        const group = [
+            unfoldInfo.groupId
+        ];
+        const color = [
+            unfoldInfo.groupId
+        ];
+        return [
+            ...prev,
+            {
+                angle,
+                radius,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
+const pieAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoMeasures_autoMeasures,
+    autoDimensions_autoDimensions,
+    pivotAdapter([
+        reshapeTo1D1M
+    ], [
+        pivotReshapeTo1D1M
+    ]),
+    encodingPie,
+    pieConfig,
+    theme_theme,
+    annotation_annotation
+];
+const initPie = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, dataset } = advancedVSeed;
+    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    const showStroke = dataset.length <= 30;
+    result.type = 'pie';
+    result.outerRadius = 0.8;
+    result.innerRadius = 0;
+    result.valueField = encoding[0].radius[0];
+    result.categoryField = encoding[0].angle[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
         {
             clip: true
         }
@@ -6750,6 +7791,17 @@ const lightTheme = ()=>{
                 },
                 crosshairLine
             },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: linearAxis,
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
             pie: {
                 ...baseConfig
             },
@@ -7072,6 +8124,17 @@ const darkTheme = ()=>{
                 },
                 crosshairLine
             },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: linearAxis,
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
             pie: {
                 ...baseConfig
             },
@@ -7137,6 +8200,7 @@ const registerAll = ()=>{
     registerAreaPercent();
     registerAreaRange();
     registerScatter();
+    registerDualAxis();
     registerPie();
     registerDonut();
     registerRose();
@@ -7176,6 +8240,26 @@ const zChartType = z["enum"]([
     'funnel',
     'heatmap'
 ]);
+const zDualChartType = z.object({
+    primary: z["enum"]([
+        'line',
+        'column',
+        'columnPercent',
+        'columnParallel',
+        'area',
+        'areaPercent',
+        'scatter'
+    ]).default('column'),
+    secondary: z["enum"]([
+        'line',
+        'column',
+        'columnPercent',
+        'columnParallel',
+        'area',
+        'areaPercent',
+        'scatter'
+    ]).default('line')
+});
 const zDatum = z.record(z.string().or(z.number()), z.any());
 const zDataset = z.array(zDatum);
 const zDimension = z.object({
@@ -7241,6 +8325,14 @@ const zMeasureGroup = z.object({
 });
 const zMeasures = z.array(zMeasure);
 const zMeasureTree = z.array(zMeasureGroup.or(zMeasure));
+const zDualMeasure = z.object({
+    id: z.string(),
+    primaryMeasures: z.array(zMeasure).or(zMeasure).optional(),
+    primaryAlias: z.string().optional(),
+    secondaryMeasures: z.array(zMeasure).or(zMeasure).optional(),
+    secondaryAlias: z.string().optional()
+});
+const zDualMeasures = z.array(zDualMeasure);
 const zFoldInfo = z.object({
     foldMap: z.record(z.string(), z.string().or(z.undefined())),
     measureId: z.string(),
@@ -7255,7 +8347,9 @@ const zUnfoldInfo = z.object({
 });
 const zDatasetReshapeInfo = z.array(z.object({
     id: z.string(),
+    index: z.number(),
     foldInfo: zFoldInfo,
+    foldInfoList: z.array(zFoldInfo).optional(),
     unfoldInfo: zUnfoldInfo
 }));
 const zEncoding = z.array(z.object({
@@ -7535,7 +8629,12 @@ const zDualAxisConfig = z.object({
     label: zLabel.optional(),
     color: zColor.optional(),
     tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
+    legend: zLegend.optional(),
+    dualChartType: z.array(zDualChartType).or(zDualChartType).optional(),
+    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    secondaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    xAxis: zXBandAxis.optional(),
+    crosshairRect: zCrosshairRect.optional()
 });
 const zScatterConfig = z.object({
     backgroundColor: zBackgroundColor.optional(),
@@ -7579,8 +8678,8 @@ const zConfig = z.object({
     area: zAreaConfig.optional(),
     areaPercent: zAreaPercentConfig.optional(),
     areaRange: zAreaRangeConfig.optional(),
-    dualAxis: zDualAxisConfig.optional(),
     scatter: zScatterConfig.optional(),
+    dualAxis: zDualAxisConfig.optional(),
     rose: zRoseConfig.optional(),
     roseParallel: zRoseParallelConfig.optional(),
     pie: zPieConfig.optional(),
@@ -7830,20 +8929,20 @@ const zAnnotationVerticalLine = z.object({
         'middle',
         'bottom'
     ]).default('top').optional(),
-    lineVisible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    lineWidth: z.number().optional(),
+    lineVisible: z.boolean().default(true).optional(),
+    lineColor: z.string().default('#212121').optional(),
+    lineWidth: z.number().default(1).optional(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
     backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundBorderColor: z.string().default('#212121').optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
+    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundPadding: z.number().default(2).optional(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -7868,7 +8967,7 @@ const zAnnotationHorizontalLine = z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideMiddle').optional(),
+    ]).default('insideEnd').optional(),
     textColor: z.string().default('#ffffff').optional(),
     textFontSize: z.number().default(12).optional(),
     textFontWeight: z.number().default(400).optional(),
@@ -7876,26 +8975,26 @@ const zAnnotationHorizontalLine = z.object({
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('right').optional(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('bottom').optional(),
-    lineVisible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    lineWidth: z.number().optional(),
+    ]).default('top').optional(),
+    lineVisible: z.boolean().default(true).optional(),
+    lineColor: z.string().default('#212121').optional(),
+    lineWidth: z.number().default(1).optional(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
     backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundBorderColor: z.string().default('#212121').optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
+    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundPadding: z.number().default(2).optional(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -7927,21 +9026,21 @@ const zAnnotationArea = z.object({
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
+    ]).default('top').optional(),
     backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
+    backgroundColor: z.string().default('#191d24').optional(),
+    backgroundBorderColor: z.string().default('#191d24').optional(),
     backgroundBorderWidth: z.number().default(1).optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
-    areaColor: z.string().default('red').optional(),
-    areaColorOpacity: z.number().default(0.5).optional(),
-    areaBorderColor: z.number().optional(),
-    areaBorderWidth: z.number().default(2).optional(),
+    backgroundPadding: z.number().default(4).optional(),
+    areaColor: z.string().default('#888888').optional(),
+    areaColorOpacity: z.number().default(0.15).optional(),
+    areaBorderColor: z.string().default('#888888').optional(),
+    areaBorderWidth: z.number().default(1).optional(),
     areaBorderRadius: z.number().default(4).optional(),
-    outerPadding: z.number().optional(),
-    offsetX: z.number().optional(),
-    offsetY: z.number().optional()
+    outerPadding: z.number().default(4).optional(),
+    offsetX: z.number().default(0).optional(),
+    offsetY: z.number().default(0).optional()
 });
 const zAnnotation = z.object({
     annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).optional(),
@@ -8233,6 +9332,35 @@ const zScatter = z.object({
     annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
+const zDualAxis = z.object({
+    chartType: z.literal('dualAxis'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    dualMeasures: zDualMeasures.optional(),
+    dualChartType: z.array(zDualChartType).or(zDualChartType).optional(),
+    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    secondaryYAxis: z.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: z.array(zBarStyle).or(zBarStyle).optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
+    locale: zLocale.optional()
+});
 const zRose = z.object({
     chartType: z.literal('rose'),
     dataset: zDataset.optional(),
@@ -8338,6 +9466,7 @@ const zVSeed = z.discriminatedUnion('chartType', [
     zAreaPercent,
     zAreaRange,
     zScatter,
+    zDualAxis,
     zPie,
     zDonut,
     zRose,
@@ -8361,6 +9490,6 @@ const zAdvancedVSeed = z.object({
     annotation: zAnnotation,
     locale: zLocale
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaRangeAdvancedPipeline, areaRangeSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, dataReshapeFor2D1M0Name, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, heatmapAdvancedPipeline, heatmapSpecPipeline, i18n, intl, isDimensionSelector, isMeasureSelector, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, radarAdvancedPipeline, radarSpecPipeline, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, selector_selector as selector, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, updateAdvanced, updateSpec, zAdvancedVSeed, zAnalysis, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaRange, zAreaRangeConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColorLegend, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSort, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, FoldPrimaryMeasureValue, FoldSecondaryMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaRangeAdvancedPipeline, areaRangeSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, dataReshapeFor2D1M0Name, donutAdvancedPipeline, donutSpecPipeline, dualAxisAdvancedPipeline, dualAxisSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, heatmapAdvancedPipeline, heatmapSpecPipeline, i18n, intl, isDimensionSelector, isMeasureSelector, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, lineAdvancedPipeline, lineSpecPipeline, measureDepth, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, radarAdvancedPipeline, radarSpecPipeline, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, selector_selector as selector, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, updateAdvanced, updateSpec, zAdvancedVSeed, zAnalysis, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaRange, zAreaRangeConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColorLegend, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxis, zDualAxisConfig, zDualChartType, zDualMeasure, zDualMeasures, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSort, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map