@visactor/vseed 0.0.32 → 0.0.34

package/dist/index.cjs

@@ -32,10 +32,11 @@ __webpack_require__.d(__webpack_exports__, {
     areaSpecPipeline: ()=>areaSpecPipeline,
     isTable: ()=>isTable,
     zDonut: ()=>zDonut,
+    zDualMeasures: ()=>zDualMeasures,
     zPie: ()=>zPie,
-    zRoseConfig: ()=>zRoseConfig,
     findFirstMeasure: ()=>findFirstMeasure,
     scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+    zRoseConfig: ()=>zRoseConfig,
     updateSpec: ()=>updateSpec,
     zCrosshairRect: ()=>zCrosshairRect,
     scatterSpecPipeline: ()=>scatterSpecPipeline,
@@ -44,6 +45,7 @@ __webpack_require__.d(__webpack_exports__, {
     zColumnConfig: ()=>zColumnConfig,
     zAnnotation: ()=>zAnnotation,
     selector: ()=>selector_selector,
+    zDualMeasure: ()=>zDualMeasure,
     zSortLegend: ()=>zSortLegend,
     pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
     zYBandAxis: ()=>zYBandAxis,
@@ -103,27 +105,27 @@ __webpack_require__.d(__webpack_exports__, {
     registerPivotTable: ()=>registerPivotTable,
     tableAdvancedPipeline: ()=>tableAdvancedPipeline,
     pieSpecPipeline: ()=>pieSpecPipeline,
+    dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
     registerDarkTheme: ()=>registerDarkTheme,
     zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-    zChartType: ()=>zChartType,
     barSpecPipeline: ()=>barSpecPipeline,
-    zCrosshairLine: ()=>zCrosshairLine,
+    zChartType: ()=>zChartType,
     registerRose: ()=>registerRose,
-    zMeasureTree: ()=>zMeasureTree,
+    zCrosshairLine: ()=>zCrosshairLine,
     unfoldDimensions: ()=>unfoldDimensions,
     roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
     registerTable: ()=>registerTable,
-    Builder: ()=>Builder,
     autoFormatter: ()=>autoFormatter,
     findFirstDimension: ()=>findFirstDimension,
+    Builder: ()=>Builder,
     registerAll: ()=>registerAll,
     registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
     radarSpecPipeline: ()=>radarSpecPipeline,
+    zMeasureTree: ()=>zMeasureTree,
     zPieConfig: ()=>zPieConfig,
     zPivotTable: ()=>zPivotTable,
     zRadar: ()=>zRadar,
-    zRose: ()=>zRose,
     registerLine: ()=>registerLine,
     registerCustomTheme: ()=>registerCustomTheme,
     zColor: ()=>zColor,
@@ -134,16 +136,16 @@ __webpack_require__.d(__webpack_exports__, {
     zDonutConfig: ()=>zDonutConfig,
     zFunnelConfig: ()=>zFunnelConfig,
     zMeasureGroup: ()=>zMeasureGroup,
-    zMeasures: ()=>zMeasures,
+    zDualAxis: ()=>zDualAxis,
     FoldMeasureName: ()=>FoldMeasureName,
-    zRadarConfig: ()=>zRadarConfig,
+    zDualChartType: ()=>zDualChartType,
     darkTheme: ()=>darkTheme,
     createNumFormatter: ()=>createNumFormatter,
     zAreaConfig: ()=>zAreaConfig,
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
-    zTable: ()=>zTable,
-    zUnfoldInfo: ()=>zUnfoldInfo,
+    zMeasures: ()=>zMeasures,
+    zRadarConfig: ()=>zRadarConfig,
     zLine: ()=>zLine,
     columnSpecPipeline: ()=>columnSpecPipeline,
     UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
@@ -154,6 +156,8 @@ __webpack_require__.d(__webpack_exports__, {
     ORIGINAL_DATA: ()=>ORIGINAL_DATA,
     zStackCornerRadius: ()=>zStackCornerRadius,
     zAnnotationArea: ()=>zAnnotationArea,
+    zUnfoldInfo: ()=>zUnfoldInfo,
+    zRose: ()=>zRose,
     columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
     i18n: ()=>i18n,
     zPointStyle: ()=>zPointStyle,
@@ -162,12 +166,15 @@ __webpack_require__.d(__webpack_exports__, {
     registerColumnParallel: ()=>registerColumnParallel,
     updateAdvanced: ()=>updateAdvanced,
     zDimension: ()=>zDimension,
+    zTable: ()=>zTable,
+    FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
     zSort: ()=>zSort,
     isPivotChart: ()=>isPivotChart,
     zDualAxisConfig: ()=>zDualAxisConfig,
     zColumn: ()=>zColumn,
     zCustomTheme: ()=>zCustomTheme,
     zLineConfig: ()=>zLineConfig,
+    FoldPrimaryMeasureValue: ()=>FoldPrimaryMeasureValue,
     zTableConfig: ()=>zTableConfig,
     zXBandAxis: ()=>zXBandAxis,
     dataReshapeFor1D: ()=>dataReshapeFor1D,
@@ -185,15 +192,17 @@ __webpack_require__.d(__webpack_exports__, {
     zMeasure: ()=>zMeasure,
     areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
     areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
-    zAreaRange: ()=>zAreaRange,
+    dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
     registerScatter: ()=>registerScatter,
-    zEncoding: ()=>zEncoding,
+    zAreaRange: ()=>zAreaRange,
+    measureDepth: ()=>measureDepth,
     autoNumFormatter: ()=>autoNumFormatter,
     zAdvancedVSeed: ()=>zAdvancedVSeed,
     tableSpecPipeline: ()=>tableSpecPipeline,
     zConfig: ()=>zConfig,
-    zRoseParallelConfig: ()=>zRoseParallelConfig,
+    zEncoding: ()=>zEncoding,
     zBarStyle: ()=>zBarStyle,
+    zRoseParallelConfig: ()=>zRoseParallelConfig,
     zXLinearAxis: ()=>zXLinearAxis,
     zAreaPercent: ()=>zAreaPercent,
     columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
@@ -232,11 +241,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);
@@ -252,7 +261,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,
@@ -336,20 +345,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() {
@@ -376,12 +371,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;
@@ -400,7 +409,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;
     }
@@ -480,8 +489,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);
@@ -777,7 +789,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;
     }
@@ -840,7 +852,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;
@@ -1075,6 +1087,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)=>[
@@ -1084,9 +1105,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)=>{
@@ -1170,7 +1200,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);
@@ -1196,8 +1229,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 = '-';
@@ -1377,6 +1412,7 @@ const reshapeTo2D1M0Name = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '2D1M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -1401,7 +1437,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;
@@ -1413,6 +1449,7 @@ const pivotReshapeTo2D1M0Name = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -1694,11 +1731,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
@@ -1706,7 +1745,7 @@ const color_color = (spec, context)=>{
     });
     result.color = {
         type: 'ordinal',
-        domain: unfoldInfo.colorItems,
+        domain: colorItems,
         range: colorScheme,
         specified: Object.fromEntries(mappingList)
     };
@@ -2528,7 +2567,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)=>({
@@ -2560,7 +2599,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             stroke: backgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
-                            fontWeight: textFontWeight
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
                         },
                         labelBackground: {
                             visible: backgroundVisible,
@@ -2569,7 +2609,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth,
+                                dy: textFontSize
                             }
                         }
                     }
@@ -2598,7 +2639,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,
@@ -2697,7 +2738,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,
@@ -2798,7 +2839,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 {
@@ -2868,6 +2909,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -2880,6 +2922,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3412,6 +3455,7 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '2D1M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -3436,7 +3480,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;
@@ -3448,6 +3492,7 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -3635,7 +3680,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 {
@@ -3709,6 +3754,7 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: backgroundColor,
@@ -3721,6 +3767,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -4852,6 +4899,7 @@ const reshapeTo1D = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '1D2M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -4873,7 +4921,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);
@@ -4886,6 +4934,7 @@ const pivotReshapeTo1D = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -4898,7 +4947,7 @@ const pivotReshapeTo1D = (advancedVSeed, context)=>{
         datasetReshapeInfo: datasetReshapeInfo
     };
 };
-const encodingXYY = (advancedVSeed)=>{
+const encodingAreaRange = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
@@ -4975,7 +5024,7 @@ const areaRangeAdvancedPipeline = [
     ], [
         pivotReshapeTo1D
     ]),
-    encodingXYY,
+    encodingAreaRange,
     sortXBandAxis,
     areaConfig,
     theme_theme,
@@ -5297,6 +5346,7 @@ const reshapeTo1D2M = (advancedVSeed, context)=>{
         datasetReshapeInfo: [
             {
                 id: '1D2M',
+                index: 0,
                 foldInfo,
                 unfoldInfo
             }
@@ -5318,7 +5368,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);
@@ -5331,6 +5381,7 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
         });
         const reshapeInfo = {
             id: groupId,
+            index,
             foldInfo,
             unfoldInfo
         };
@@ -5510,69 +5561,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
     };
@@ -5581,84 +5570,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
             }
@@ -5669,58 +5712,1065 @@ const encodingPie = (advancedVSeed)=>{
         encoding
     };
 };
-const pieAdvancedPipeline = [
-    initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
-    autoDimensions_autoDimensions,
-    pivotAdapter([
-        reshapeTo1D1M
-    ], [
-        pivotReshapeTo1D1M
-    ]),
-    encodingPie,
-    pieConfig,
-    theme_theme,
-    annotation_annotation
-];
-const initPie = (spec, context)=>{
+const dualAxisConfig = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType } = vseed;
     const result = {
-        ...spec
+        ...advancedVSeed
     };
-    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
-        }
-    ];
-    result.pie = {
-        style: {
-            stroke: '#ffffff',
-            lineWidth: showStroke ? 1 : 0,
-            centerOffset: 0
-        },
-        state: {
-            hover: {
-                outerRadius: 1.1 * result.outerRadius
-            }
+    const config = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip',
+        'dualChartType',
+        'primaryYAxis',
+        'secondaryYAxis',
+        'crosshairLine'
+    ]);
+    result.config = {
+        ...result.config || {},
+        [chartType]: {
+            ...config
         }
     };
-    result.animation = true;
     return result;
 };
-const pie = [
-    initPie,
-    color_color,
+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)=>!(0, external_remeda_namespaceObject.isNullish)(d)).join('-');
+        return {
+            id,
+            alias: id,
+            children: groupChildren
+        };
+    });
+    if (1 === dualMeasures.length) return measureTree[0].children || [];
+    return measureTree;
+};
+const dualAxisAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoDualMeasures,
+    autoDimensions_autoDimensions,
+    pivotAdapter([
+        reshapeTo2D2M
+    ], [
+        pivotReshapeTo2D2M
+    ]),
+    encodingXYY,
+    sortXBandAxis,
+    sort_sortLegend,
+    dualAxisConfig,
+    theme_theme,
+    markStyle_markStyle,
+    annotation_annotation
+];
+const initDualAxisPrimary = (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}-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 (!(0, external_remeda_namespaceObject.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 ((0, external_remeda_namespaceObject.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 (!(0, external_remeda_namespaceObject.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 (!(0, external_remeda_namespaceObject.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 (!(0, external_remeda_namespaceObject.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 ((0, external_remeda_namespaceObject.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 (!(0, external_remeda_namespaceObject.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 (!(0, external_remeda_namespaceObject.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] && (0, external_remeda_namespaceObject.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 ((0, external_remeda_namespaceObject.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
+        }
+    ];
+    result.pie = {
+        style: {
+            stroke: '#ffffff',
+            lineWidth: showStroke ? 1 : 0,
+            centerOffset: 0
+        },
+        state: {
+            hover: {
+                outerRadius: 1.1 * result.outerRadius
+            }
+        }
+    };
+    result.animation = true;
+    return result;
+};
+const pie = [
+    initPie,
+    color_color,
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -6975,6 +8025,17 @@ const lightTheme = ()=>{
                 },
                 crosshairLine
             },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: linearAxis,
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
             pie: {
                 ...baseConfig
             },
@@ -7297,6 +8358,17 @@ const darkTheme = ()=>{
                 },
                 crosshairLine
             },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: linearAxis,
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
             pie: {
                 ...baseConfig
             },
@@ -7362,6 +8434,7 @@ const registerAll = ()=>{
     registerAreaPercent();
     registerAreaRange();
     registerScatter();
+    registerDualAxis();
     registerPie();
     registerDonut();
     registerRose();
@@ -7402,6 +8475,26 @@ const zChartType = external_zod_namespaceObject.z["enum"]([
     'funnel',
     'heatmap'
 ]);
+const zDualChartType = external_zod_namespaceObject.z.object({
+    primary: external_zod_namespaceObject.z["enum"]([
+        'line',
+        'column',
+        'columnPercent',
+        'columnParallel',
+        'area',
+        'areaPercent',
+        'scatter'
+    ]).default('column'),
+    secondary: external_zod_namespaceObject.z["enum"]([
+        'line',
+        'column',
+        'columnPercent',
+        'columnParallel',
+        'area',
+        'areaPercent',
+        'scatter'
+    ]).default('line')
+});
 const zDatum = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.number()), external_zod_namespaceObject.z.any());
 const zDataset = external_zod_namespaceObject.z.array(zDatum);
 const zDimension = external_zod_namespaceObject.z.object({
@@ -7467,6 +8560,14 @@ const zMeasureGroup = external_zod_namespaceObject.z.object({
 });
 const zMeasures = external_zod_namespaceObject.z.array(zMeasure);
 const zMeasureTree = external_zod_namespaceObject.z.array(zMeasureGroup.or(zMeasure));
+const zDualMeasure = external_zod_namespaceObject.z.object({
+    id: external_zod_namespaceObject.z.string(),
+    primaryMeasures: external_zod_namespaceObject.z.array(zMeasure).or(zMeasure).optional(),
+    primaryAlias: external_zod_namespaceObject.z.string().optional(),
+    secondaryMeasures: external_zod_namespaceObject.z.array(zMeasure).or(zMeasure).optional(),
+    secondaryAlias: external_zod_namespaceObject.z.string().optional()
+});
+const zDualMeasures = external_zod_namespaceObject.z.array(zDualMeasure);
 const zFoldInfo = external_zod_namespaceObject.z.object({
     foldMap: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.undefined())),
     measureId: external_zod_namespaceObject.z.string(),
@@ -7481,7 +8582,9 @@ const zUnfoldInfo = external_zod_namespaceObject.z.object({
 });
 const zDatasetReshapeInfo = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
+    index: external_zod_namespaceObject.z.number(),
     foldInfo: zFoldInfo,
+    foldInfoList: external_zod_namespaceObject.z.array(zFoldInfo).optional(),
     unfoldInfo: zUnfoldInfo
 }));
 const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
@@ -7761,7 +8864,12 @@ const zDualAxisConfig = external_zod_namespaceObject.z.object({
     label: zLabel.optional(),
     color: zColor.optional(),
     tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
+    legend: zLegend.optional(),
+    dualChartType: external_zod_namespaceObject.z.array(zDualChartType).or(zDualChartType).optional(),
+    primaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    secondaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    xAxis: zXBandAxis.optional(),
+    crosshairRect: zCrosshairRect.optional()
 });
 const zScatterConfig = external_zod_namespaceObject.z.object({
     backgroundColor: zBackgroundColor.optional(),
@@ -7805,8 +8913,8 @@ const zConfig = external_zod_namespaceObject.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(),
@@ -8056,20 +9164,20 @@ const zAnnotationVerticalLine = external_zod_namespaceObject.z.object({
         'middle',
         'bottom'
     ]).default('top').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8094,7 +9202,7 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideMiddle').optional(),
+    ]).default('insideEnd').optional(),
     textColor: external_zod_namespaceObject.z.string().default('#ffffff').optional(),
     textFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
     textFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
@@ -8102,26 +9210,26 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('right').optional(),
     textBaseline: external_zod_namespaceObject.z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('bottom').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    ]).default('top').optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8153,21 +9261,21 @@ const zAnnotationArea = external_zod_namespaceObject.z.object({
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
+    ]).default('top').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
+    backgroundColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
     backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
-    areaColor: external_zod_namespaceObject.z.string().default('red').optional(),
-    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.5).optional(),
-    areaBorderColor: external_zod_namespaceObject.z.number().optional(),
-    areaBorderWidth: external_zod_namespaceObject.z.number().default(2).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    areaColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.15).optional(),
+    areaBorderColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     areaBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    outerPadding: external_zod_namespaceObject.z.number().optional(),
-    offsetX: external_zod_namespaceObject.z.number().optional(),
-    offsetY: external_zod_namespaceObject.z.number().optional()
+    outerPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    offsetX: external_zod_namespaceObject.z.number().default(0).optional(),
+    offsetY: external_zod_namespaceObject.z.number().default(0).optional()
 });
 const zAnnotation = external_zod_namespaceObject.z.object({
     annotationPoint: zAnnotationPoint.or(external_zod_namespaceObject.z.array(zAnnotationPoint)).optional(),
@@ -8459,6 +9567,35 @@ const zScatter = external_zod_namespaceObject.z.object({
     annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
+const zDualAxis = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('dualAxis'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    dualMeasures: zDualMeasures.optional(),
+    dualChartType: external_zod_namespaceObject.z.array(zDualChartType).or(zDualChartType).optional(),
+    primaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).optional(),
+    secondaryYAxis: external_zod_namespaceObject.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: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: external_zod_namespaceObject.z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: external_zod_namespaceObject.z.array(zAreaStyle).or(zAreaStyle).optional(),
+    annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+    annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+    annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+    annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
+    locale: zLocale.optional()
+});
 const zRose = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('rose'),
     dataset: zDataset.optional(),
@@ -8564,6 +9701,7 @@ const zVSeed = external_zod_namespaceObject.z.discriminatedUnion('chartType', [
     zAreaPercent,
     zAreaRange,
     zScatter,
+    zDualAxis,
     zPie,
     zDonut,
     zRose,
@@ -8591,6 +9729,8 @@ exports.Builder = __webpack_exports__.Builder;
 exports.FoldMeasureId = __webpack_exports__.FoldMeasureId;
 exports.FoldMeasureName = __webpack_exports__.FoldMeasureName;
 exports.FoldMeasureValue = __webpack_exports__.FoldMeasureValue;
+exports.FoldPrimaryMeasureValue = __webpack_exports__.FoldPrimaryMeasureValue;
+exports.FoldSecondaryMeasureValue = __webpack_exports__.FoldSecondaryMeasureValue;
 exports.ORIGINAL_DATA = __webpack_exports__.ORIGINAL_DATA;
 exports.Separator = __webpack_exports__.Separator;
 exports.UnfoldDimensionGroup = __webpack_exports__.UnfoldDimensionGroup;
@@ -8625,6 +9765,8 @@ exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
 exports.dataReshapeFor2D1M0Name = __webpack_exports__.dataReshapeFor2D1M0Name;
 exports.donutAdvancedPipeline = __webpack_exports__.donutAdvancedPipeline;
 exports.donutSpecPipeline = __webpack_exports__.donutSpecPipeline;
+exports.dualAxisAdvancedPipeline = __webpack_exports__.dualAxisAdvancedPipeline;
+exports.dualAxisSpecPipeline = __webpack_exports__.dualAxisSpecPipeline;
 exports.execPipeline = __webpack_exports__.execPipeline;
 exports.findAllDimensions = __webpack_exports__.findAllDimensions;
 exports.findAllMeasures = __webpack_exports__.findAllMeasures;
@@ -8651,6 +9793,7 @@ exports.isValueSelector = __webpack_exports__.isValueSelector;
 exports.lightTheme = __webpack_exports__.lightTheme;
 exports.lineAdvancedPipeline = __webpack_exports__.lineAdvancedPipeline;
 exports.lineSpecPipeline = __webpack_exports__.lineSpecPipeline;
+exports.measureDepth = __webpack_exports__.measureDepth;
 exports.pieAdvancedPipeline = __webpack_exports__.pieAdvancedPipeline;
 exports.pieSpecPipeline = __webpack_exports__.pieSpecPipeline;
 exports.pivotTableAdvancedPipeline = __webpack_exports__.pivotTableAdvancedPipeline;
@@ -8740,7 +9883,11 @@ exports.zDimensionTree = __webpack_exports__.zDimensionTree;
 exports.zDimensions = __webpack_exports__.zDimensions;
 exports.zDonut = __webpack_exports__.zDonut;
 exports.zDonutConfig = __webpack_exports__.zDonutConfig;
+exports.zDualAxis = __webpack_exports__.zDualAxis;
 exports.zDualAxisConfig = __webpack_exports__.zDualAxisConfig;
+exports.zDualChartType = __webpack_exports__.zDualChartType;
+exports.zDualMeasure = __webpack_exports__.zDualMeasure;
+exports.zDualMeasures = __webpack_exports__.zDualMeasures;
 exports.zEncoding = __webpack_exports__.zEncoding;
 exports.zFoldInfo = __webpack_exports__.zFoldInfo;
 exports.zFunnel = __webpack_exports__.zFunnel;
@@ -8791,6 +9938,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "FoldMeasureId",
     "FoldMeasureName",
     "FoldMeasureValue",
+    "FoldPrimaryMeasureValue",
+    "FoldSecondaryMeasureValue",
     "ORIGINAL_DATA",
     "Separator",
     "UnfoldDimensionGroup",
@@ -8825,6 +9974,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "dataReshapeFor2D1M0Name",
     "donutAdvancedPipeline",
     "donutSpecPipeline",
+    "dualAxisAdvancedPipeline",
+    "dualAxisSpecPipeline",
     "execPipeline",
     "findAllDimensions",
     "findAllMeasures",
@@ -8851,6 +10002,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "lightTheme",
     "lineAdvancedPipeline",
     "lineSpecPipeline",
+    "measureDepth",
     "pieAdvancedPipeline",
     "pieSpecPipeline",
     "pivotTableAdvancedPipeline",
@@ -8940,7 +10092,11 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zDimensions",
     "zDonut",
     "zDonutConfig",
+    "zDualAxis",
     "zDualAxisConfig",
+    "zDualChartType",
+    "zDualMeasure",
+    "zDualMeasures",
     "zEncoding",
     "zFoldInfo",
     "zFunnel",