@visactor/vseed 0.0.5 → 0.0.7

package/dist/index.cjs

@@ -24,9 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
+    registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
-    registerAll: ()=>all_registerAll,
+    columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
+    pieAdvancedPipeline: ()=>pieAdvancedPipeline,
     execPipeline: ()=>execPipeline,
     areaSpecPipeline: ()=>areaSpecPipeline,
     registerCustomTheme: ()=>registerCustomTheme,
@@ -48,6 +49,7 @@ __webpack_require__.d(__webpack_exports__, {
     zDimension: ()=>zDimension,
     lightTheme: ()=>lightTheme,
     registerColumnParallel: ()=>registerColumnParallel,
+    isPivotChart: ()=>isPivotChart,
     zCustomTheme: ()=>zCustomTheme,
     dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
     registerArea: ()=>registerArea,
@@ -76,6 +78,7 @@ __webpack_require__.d(__webpack_exports__, {
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+    pieSpecPipeline: ()=>pieSpecPipeline,
     zTooltip: ()=>zTooltip,
     barSpecPipeline: ()=>barSpecPipeline,
     lineSpecPipeline: ()=>lineSpecPipeline,
@@ -85,40 +88,15 @@ __webpack_require__.d(__webpack_exports__, {
     areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
     Builder: ()=>Builder,
     barParallelSpecPipeline: ()=>barParallelSpecPipeline,
-    registerBar: ()=>registerBar
+    registerAll: ()=>all_registerAll
 });
 const FoldMeasureName = '__MeaName__';
 const FoldMeasureValue = '__MeaValue__';
 const FoldMeasureId = '__MeaId__';
-const FoldDimensionGroup = '__DimGroup__';
+const UnfoldDimensionGroup = '__DimGroup__';
 const Separator = '-';
-const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
-    const foldInfo = {
-        measureId,
-        measureName,
-        measureValue,
-        foldMap: {}
-    };
-    const result = new Array(dataset.length * measures.length);
-    let index = 0;
-    for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
-        const datum = {
-            ...dataset[i]
-        };
-        const measure = measures[j];
-        const { id, alias } = measure;
-        datum[measureId] = id;
-        datum[measureName] = alias;
-        datum[measureValue] = dataset[i][id];
-        foldInfo.foldMap[id] = alias;
-        result[index++] = datum;
-    }
-    return {
-        dataset: result,
-        foldInfo
-    };
-};
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = FoldDimensionGroup, dimensionsSeparator = Separator)=>{
+const external_remeda_namespaceObject = require("remeda");
+const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = UnfoldDimensionGroup, dimensionsSeparator = Separator)=>{
     if (unfoldStartIndex < 0 || unfoldStartIndex >= dimensions.length) throw new Error('unfoldStartIndex is out of range');
     const dimensionsToBeUnfolded = dimensions.slice(unfoldStartIndex);
     const unfoldInfo = {
@@ -139,13 +117,39 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, f
         datum[foldGroupName] = colorItem;
         colorItems.push(colorItem);
     }
-    unfoldInfo.colorItems = colorItems;
+    unfoldInfo.colorItems = (0, external_remeda_namespaceObject.unique)(colorItems);
     return {
         dataset,
         unfoldInfo
     };
 };
 const generateDimGroupName = (dimensionsToBeGrouped, datum, dimensionsSeparator)=>dimensionsToBeGrouped.map((dim)=>String(datum[dim.id])).join(dimensionsSeparator);
+const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
+    const foldInfo = {
+        measureId,
+        measureName,
+        measureValue,
+        foldMap: {}
+    };
+    const result = new Array(dataset.length * measures.length);
+    let index = 0;
+    for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
+        const datum = {
+            ...dataset[i]
+        };
+        const measure = measures[j];
+        const { id, alias } = measure;
+        datum[measureId] = id;
+        datum[measureName] = alias;
+        datum[measureValue] = dataset[i][id];
+        foldInfo.foldMap[id] = alias;
+        result[index++] = datum;
+    }
+    return {
+        dataset: result,
+        foldInfo
+    };
+};
 const emptyReshapeResult = {
     dataset: [],
     foldInfo: {
@@ -159,27 +163,85 @@ const emptyReshapeResult = {
         groupName: ''
     }
 };
-const dataReshapeFor2D1M = (dataset, dimensions, measures)=>{
+const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup } = options || {};
     if (0 === dimensions.length && 0 === measures.length) return emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, FoldMeasureId, FoldMeasureName, FoldMeasureValue);
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
     if (0 === dimensions.length) {
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             {
-                id: FoldMeasureId,
+                id: foldMeasureId,
                 alias: "\u6307\u6807Id",
                 location: 'dimension'
             },
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
+                alias: "\u6307\u6807\u540D\u79F0",
+                location: 'dimension'
+            }
+        ], [
+            {
+                id: foldMeasureValue,
+                alias: "\u6307\u6807\u503C"
+            }
+        ], 1, unfoldDimensionGroup);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+    {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+            ...dimensions,
+            {
+                id: foldMeasureName,
+                alias: "\u6307\u6807\u540D\u79F0",
+                location: 'dimension'
+            }
+        ], [
+            {
+                id: foldMeasureValue,
+                alias: "\u6307\u6807\u503C"
+            }
+        ], 1, unfoldDimensionGroup);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+};
+const dataReshapeFor1D1M_emptyReshapeResult = {
+    dataset: [],
+    foldInfo: {
+        foldMap: {},
+        measureId: '',
+        measureName: '',
+        measureValue: ''
+    },
+    unfoldInfo: {
+        groupName: '',
+        colorItems: []
+    }
+};
+const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup } = 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: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 1, FoldDimensionGroup);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -190,16 +252,16 @@ const dataReshapeFor2D1M = (dataset, dimensions, measures)=>{
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             ...dimensions,
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 1, FoldDimensionGroup);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -220,42 +282,148 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
     return {
         ...result,
         dataset: newDatasets,
-        datasetReshapeInfo: {
-            foldInfo,
-            unfoldInfo
-        },
+        datasetReshapeInfo: [
+            {
+                id: '2D1M',
+                foldInfo,
+                unfoldInfo
+            }
+        ],
         dimensions,
         measures
     };
 };
+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',
+                foldInfo,
+                unfoldInfo
+            }
+        ]
+    };
+};
+const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    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)=>{
+        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,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
+const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions) return result;
+    const measureGroups = [];
+    if (measures) measures.forEach((measure)=>{
+        if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+    });
+    const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+    const newDatasets = [];
+    const datasetReshapeInfo = [];
+    measureGroups.forEach((measureGroup)=>{
+        const measures = measureGroup.children;
+        if (!measures) return;
+        const groupId = measureGroup.id;
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, measures, {
+            foldMeasureId: FoldMeasureId + groupId,
+            foldMeasureName: FoldMeasureName + groupId,
+            foldMeasureValue: FoldMeasureValue + groupId,
+            unfoldDimensionGroup: UnfoldDimensionGroup + groupId
+        });
+        const reshapeInfo = {
+            id: groupId,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
 const encodingXY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const { foldInfo, unfoldInfo } = datasetReshapeInfo;
-    const isSingleDimension = 0 === dimensions.length;
-    const x = [
-        isSingleDimension ? foldInfo.measureName : dimensions[0].id
-    ];
-    const y = [
-        foldInfo.measureValue
-    ];
-    const group = [
-        isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
-    ];
-    const color = [
-        foldInfo.measureName
-    ];
-    const encoding = [
-        {
-            x,
-            y,
-            group,
-            color
-        }
-    ];
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const isSingleDimension = 0 === dimensions.length;
+        const x = [
+            isSingleDimension ? foldInfo.measureName : dimensions[0].id
+        ];
+        const y = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
+        ];
+        const color = [
+            foldInfo.measureName
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
     return {
         ...result,
         encoding
@@ -267,28 +435,66 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const { foldInfo, unfoldInfo } = datasetReshapeInfo;
-    const isSingleDimension = 0 === dimensions.length;
-    const y = [
-        isSingleDimension ? foldInfo.measureName : dimensions[0].id
-    ];
-    const x = [
-        foldInfo.measureValue
-    ];
-    const group = [
-        isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
-    ];
-    const color = [
-        foldInfo.measureName
-    ];
-    const encoding = [
-        {
-            x,
-            y,
-            group,
-            color
-        }
-    ];
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const isSingleDimension = 0 === dimensions.length;
+        const y = [
+            isSingleDimension ? foldInfo.measureName : dimensions[0].id
+        ];
+        const x = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
+        ];
+        const color = [
+            foldInfo.measureName
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
+const encodingPolar = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions) return result;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const radius = [
+            foldInfo.measureValue
+        ];
+        const angle = [
+            unfoldInfo.groupName
+        ];
+        const group = [
+            unfoldInfo.groupName
+        ];
+        const color = [
+            unfoldInfo.groupName
+        ];
+        return [
+            ...prev,
+            {
+                angle,
+                radius,
+                group,
+                color
+            }
+        ];
+    }, []);
     return {
         ...result,
         encoding
@@ -302,6 +508,17 @@ const initAdvancedVSeed = (advancedVSeed, context)=>{
         chartType
     };
 };
+const isVTable = (chartType)=>[
+        'table',
+        'pivotTable'
+    ].includes(chartType);
+const isVChart = (chartType)=>!isVTable(chartType);
+const isPivotChart = (vseed)=>{
+    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);
+    return hasRowOrColumnDimension || hasMeasureGroup;
+};
 const autoMeasures = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -310,6 +527,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
+    if (isPivotChart(vseed)) return autoMeasureGroup(advancedVSeed, context);
     if (measures) {
         result.measures = measures;
         return result;
@@ -329,6 +547,49 @@ const autoMeasures = (advancedVSeed, context)=>{
         }));
     return result;
 };
+const autoMeasureGroup = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { measures } = vseed;
+    const hasMeasureGroup = measures?.some((measure)=>measure.children);
+    if (!measures) return advancedVSeed;
+    if (!hasMeasureGroup) {
+        const newMeasures = [
+            {
+                id: 'measureGroup',
+                alias: 'measureGroup',
+                children: measures
+            }
+        ];
+        return {
+            ...advancedVSeed,
+            measures: newMeasures
+        };
+    }
+    let currentGroup = createEmptyMeasureGroup();
+    const measureGroups = [];
+    for (const measure of measures)if ('children' in measure) {
+        if (currentGroup.children?.length) {
+            currentGroup.id = currentGroup.children.map((item)=>item.id).join('-');
+            currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+            measureGroups.push(currentGroup);
+            currentGroup = createEmptyMeasureGroup();
+        }
+        measureGroups.push(measure);
+    } else currentGroup.children?.push(measure);
+    if (currentGroup.children?.length) {
+        currentGroup.id = currentGroup.children.map((item)=>item.id).join('-');
+        currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+        measureGroups.push(currentGroup);
+        currentGroup = createEmptyMeasureGroup();
+    }
+    advancedVSeed.measures = measureGroups;
+    return advancedVSeed;
+};
+const createEmptyMeasureGroup = ()=>({
+        id: '',
+        alias: '',
+        children: []
+    });
 const autoDimensions = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -358,7 +619,6 @@ const autoDimensions = (advancedVSeed, context)=>{
         }));
     return result;
 };
-const external_remeda_namespaceObject = require("remeda");
 const vchartBaseConfig = (advancedVSeed, context)=>{
     const { vseed } = context;
     const result = {
@@ -394,11 +654,25 @@ const vchartTheme = (advancedVSeed, context)=>{
     };
     return result;
 };
+const execPipeline = (pipeline, context, initialValue = {})=>{
+    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
+    return result;
+};
+const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
+        const { vseed } = context;
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
+        return execPipeline(pipeline, context, advancedVSeed);
+    };
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -407,7 +681,11 @@ const barAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -416,7 +694,11 @@ const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -425,7 +707,11 @@ const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -434,7 +720,11 @@ const columnAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -443,7 +733,11 @@ const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -452,7 +746,11 @@ const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -461,7 +759,11 @@ const areaAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -470,19 +772,67 @@ const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
 ];
-const initLine = (spec, context)=>{
+const pieAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo1D1M
+    ], [
+        pivotReshapeTo1D1M
+    ]),
+    encodingPolar,
+    vchartBaseConfig,
+    vchartTheme
+];
+const dataset_dataset = (spec, context)=>{
+    const { advancedVSeed } = context;
+    return {
+        ...spec,
+        data: {
+            values: advancedVSeed.dataset
+        }
+    };
+};
+const datasetPivot = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dataset, datasetReshapeInfo } = advancedVSeed;
+    const records = dataset.reduce((pre, cur, index)=>{
+        const id = datasetReshapeInfo[index].id;
+        pre[id] = cur;
+        return pre;
+    }, {});
+    return {
+        ...result,
+        records: records
+    };
+};
+const datasetPivotPlaceholder = (spec)=>({
+        ...spec,
+        data: {
+            id: 'placeholderDataId'
+        }
+    });
+const initColumn = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
     if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'line';
+    result.type = 'bar';
     result.direction = 'vertical';
     result.xField = encoding[0].x[0];
     result.yField = encoding[0].y[0];
@@ -490,45 +840,118 @@ const initLine = (spec, context)=>{
     result.padding = 0;
     return result;
 };
-const color_color = (spec, context)=>{
+const initBar = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    if (!baseConfig || !baseConfig.color) return result;
-    const { color } = baseConfig;
-    const { colorScheme, colorMapping } = color;
-    result.color = {
-        type: 'ordinal',
-        domain: unfoldInfo.colorItems,
-        range: colorScheme,
-        specified: colorMapping
-    };
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'horizontal';
+    result.yField = encoding[0].y?.[0];
+    result.xField = encoding[0].x?.[0];
+    result.seriesField = encoding[0].group?.[0];
+    result.padding = 0;
     return result;
 };
-const background_backgroundColor = (spec, context)=>{
+const initBarParallel = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { baseConfig } = advancedVSeed;
-    if (!baseConfig?.vchart) return result;
-    const { backgroundColor } = baseConfig.vchart;
-    return {
-        ...result,
-        background: backgroundColor
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'horizontal';
+    result.yField = [
+        encoding[0].y[0],
+        unfoldInfo.groupName
+    ];
+    result.xField = encoding[0].x[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const initArea = (spec, context)=>{
+    const result = {
+        ...spec
     };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'area';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
 };
-const dataset_dataset = (spec, context)=>{
+const initLine = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'line';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const initColumnParallel = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = [
+        encoding[0].x[0],
+        unfoldInfo.groupName
+    ];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const initPie = (spec, context)=>{
+    const result = {
+        ...spec
+    };
     const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    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;
+    return result;
+};
+const initPivot = (spec)=>{
+    const result = {
+        ...spec
+    };
     return {
-        ...spec,
-        data: {
-            values: advancedVSeed.dataset
-        }
+        ...result,
+        rows: [],
+        columns: [],
+        indicators: [],
+        records: [],
+        widthMode: 'adaptive',
+        heightMode: 'adaptive',
+        indicatorsAsCol: false
     };
 };
 const xBand = (spec)=>{
@@ -546,7 +969,7 @@ const xBand = (spec)=>{
     ];
     return result;
 };
-const yLinear = (spec)=>{
+const xLinear = (spec)=>{
     const result = {
         ...spec
     };
@@ -556,11 +979,88 @@ const yLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
+            orient: 'bottom',
+            nice: true,
+            zero: true
+        }
+    ];
+    return result;
+};
+const yBand = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (!result.axes) result.axes = [];
+    result.axes = [
+        ...result.axes,
+        {
+            visible: true,
+            type: 'band',
             orient: 'left'
         }
     ];
     return result;
 };
+const yLinear = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (!result.axes) result.axes = [];
+    result.axes = [
+        ...result.axes,
+        {
+            visible: true,
+            type: 'linear',
+            orient: 'left',
+            nice: true,
+            zero: true
+        }
+    ];
+    return result;
+};
+const percent = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.percent = true;
+    return result;
+};
+const stack = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.stack = true;
+    return result;
+};
+const background_backgroundColor = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { baseConfig } = advancedVSeed;
+    if (!baseConfig?.vchart) return result;
+    const { backgroundColor } = baseConfig.vchart;
+    return {
+        ...result,
+        background: backgroundColor
+    };
+};
+const defaultTooltip = {
+    enable: true
+};
+const tooltip_tooltip = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const { tooltip = defaultTooltip } = baseConfig;
+    const { enable } = tooltip;
+    result.tooltip = {
+        visible: enable
+    };
+    return result;
+};
 const label_label = (spec, context)=>{
     const result = {
         ...spec
@@ -575,40 +1075,314 @@ const label_label = (spec, context)=>{
     };
     return result;
 };
-const defaultTooltip = {
+const defaultLegend = {
     enable: true
 };
-const tooltip_tooltip = (spec, context)=>{
+const legend_legend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { legend = defaultLegend } = baseConfig;
+    const { enable } = legend;
+    result.legends = {
+        visible: enable
+    };
+    return result;
+};
+const pivotLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = (0, external_remeda_namespaceObject.unique)(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const { legend, color } = baseConfig;
+    const { enable } = legend;
+    const { colorScheme } = color;
+    const legends = {
+        visible: enable,
+        alignSelf: 'end',
+        type: 'discrete',
+        position: 'middle',
+        data: colorItems.map((d, index)=>({
+                label: d,
+                shape: {
+                    symbolType: 'square',
+                    fill: colorScheme[index]
+                }
+            })),
+        item: {
+            background: {
+                visible: true,
+                state: {
+                    selectedHover: {
+                        fill: '#000000',
+                        fillOpacity: 0.05
+                    }
+                }
+            },
+            label: {
+                style: {
+                    fontSize: 12,
+                    fill: '#6F6F6F'
+                }
+            }
+        },
+        orient: 'bottom'
+    };
+    return {
+        ...result,
+        legends
+    };
+};
+const color_color = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme, colorMapping } = color;
+    result.color = {
+        type: 'ordinal',
+        domain: unfoldInfo.colorItems,
+        range: colorScheme,
+        specified: colorMapping
+    };
+    return result;
+};
+const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
+        const { vseed } = context;
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) return execPipeline(pivotPipeline, context, spec);
+        return execPipeline(pipeline, context, spec);
+    };
+const pivotIndicators = (chartPipeline)=>(spec, context)=>{
+        const result = {
+            ...spec
+        };
+        const { advancedVSeed } = context;
+        const { measures, datasetReshapeInfo, encoding } = advancedVSeed;
+        const colorItems = (0, external_remeda_namespaceObject.unique)(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+        const indicators = datasetReshapeInfo.map((reshapeInfo, index)=>{
+            const measure = measures?.find((d)=>d.id === reshapeInfo.id);
+            const newEncoding = [
+                encoding[index]
+            ];
+            const newDatasetReshapeInfo = [
+                {
+                    ...reshapeInfo,
+                    unfoldInfo: {
+                        ...reshapeInfo.unfoldInfo,
+                        colorItems
+                    }
+                }
+            ];
+            const newContext = {
+                ...context,
+                advancedVSeed: {
+                    ...advancedVSeed,
+                    datasetReshapeInfo: newDatasetReshapeInfo,
+                    encoding: newEncoding
+                }
+            };
+            const chartSpec = execPipeline(chartPipeline, newContext, {});
+            return {
+                indicatorKey: reshapeInfo.id,
+                title: measure?.alias,
+                cellType: 'chart',
+                chartModule: 'vchart',
+                chartSpec: chartSpec,
+                style: {
+                    padding: [
+                        1,
+                        1,
+                        0,
+                        1
+                    ]
+                }
+            };
+        });
+        return {
+            ...result,
+            indicators: indicators
+        };
+    };
+const pivotIndicators_pivotIndicatorsAsRow = (spec)=>{
+    const result = {
+        ...spec
+    };
+    return {
+        ...result,
+        indicatorsAsCol: false
+    };
+};
+const pivotIndicators_pivotIndicatorsAsCol = (spec)=>{
+    const result = {
+        ...spec
+    };
+    return {
+        ...result,
+        indicatorsAsCol: true
+    };
+};
+const pivotGridStyle = (spec)=>{
+    const result = {
+        ...spec
+    };
+    const transparent = 'rgba(0,0,0,0)';
+    return {
+        ...result,
+        theme: {
+            underlayBackgroundColor: transparent,
+            bodyStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: [
+                    0,
+                    0,
+                    2,
+                    0
+                ],
+                bgColor: transparent,
+                padding: [
+                    0,
+                    0,
+                    1,
+                    0
+                ]
+            },
+            headerStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                fontSize: 12,
+                color: '#333333',
+                textAlign: 'center',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            rowHeaderStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                fontSize: 12,
+                color: '#333333',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            cornerHeaderStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                textAlign: 'center',
+                fontSize: 12,
+                color: '#333333',
+                fontWeight: 'bold',
+                borderLineWidth: [
+                    0,
+                    0,
+                    0,
+                    0
+                ],
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerRightTopCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerLeftBottomCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerRightBottomCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            rightFrozenStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            bottomFrozenStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            selectionStyle: {
+                cellBgColor: '',
+                cellBorderColor: ''
+            },
+            frameStyle: {
+                borderLineWidth: 0,
+                bgColor: transparent
+            }
+        }
+    };
+};
+const pivotColumnDimensions = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    const { tooltip = defaultTooltip } = baseConfig;
-    const { enable } = tooltip;
-    result.tooltip = {
-        visible: enable
+    const { dimensions } = advancedVSeed;
+    if (!dimensions) return result;
+    const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location);
+    const columns = columnDimensions.map((dim)=>({
+            dimensionKey: dim.id,
+            title: dim.alias || dim.id
+        }));
+    return {
+        ...result,
+        columns: columns
     };
-    return result;
-};
-const defaultLegend = {
-    enable: true
 };
-const legend_legend = (spec, context)=>{
+const pivotRowDimensions = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    if (!baseConfig || !baseConfig.legend) return result;
-    const { legend = defaultLegend } = baseConfig;
-    const { enable } = legend;
-    result.legends = {
-        visible: enable
+    const { dimensions } = advancedVSeed;
+    if (!dimensions) return result;
+    const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location);
+    const rows = rowDimensions.map((dim)=>({
+            dimensionKey: dim.id,
+            title: dim.alias || dim.id
+        }));
+    return {
+        ...result,
+        rows: rows
     };
-    return result;
 };
-const lineSpecPipeline = [
+const line = [
     initLine,
     color_color,
     background_backgroundColor,
@@ -619,22 +1393,29 @@ const lineSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initColumn = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    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.padding = 0;
-    return result;
-};
-const columnSpecPipeline = [
+const pivotLine = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initLine,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const lineSpecPipeline = [
+    pivotAdapter_pivotAdapter(line, pivotLine)
+];
+const column = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -645,26 +1426,29 @@ const columnSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initColumnParallel = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'vertical';
-    result.xField = [
-        encoding[0].x[0],
-        unfoldInfo.groupName
-    ];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const columnParallelSpecPipeline = [
+const pivotColumn = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnSpecPipeline = [
+    pivotAdapter_pivotAdapter(column, pivotColumn)
+];
+const columnParallel = [
     initColumnParallel,
     color_color,
     background_backgroundColor,
@@ -675,14 +1459,29 @@ const columnParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const percent = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    result.percent = true;
-    return result;
-};
-const columnPercentSpecPipeline = [
+const pivotColumnParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumnParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
+];
+const columnPercent = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -694,52 +1493,30 @@ const columnPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initBar = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'horizontal';
-    result.yField = encoding[0].y?.[0];
-    result.xField = encoding[0].x?.[0];
-    result.seriesField = encoding[0].group?.[0];
-    result.padding = 0;
-    return result;
-};
-const xLinear = (spec)=>{
-    const result = {
-        ...spec
-    };
-    if (!result.axes) result.axes = [];
-    result.axes = [
-        ...result.axes,
-        {
-            visible: true,
-            type: 'linear',
-            orient: 'bottom'
-        }
-    ];
-    return result;
-};
-const yBand = (spec)=>{
-    const result = {
-        ...spec
-    };
-    if (!result.axes) result.axes = [];
-    result.axes = [
-        ...result.axes,
-        {
-            visible: true,
-            type: 'band',
-            orient: 'left'
-        }
-    ];
-    return result;
-};
-const barSpecPipeline = [
+const pivotColumnPercent = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        percent,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
+];
+const bar = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -750,26 +1527,29 @@ const barSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initBarParallel = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'horizontal';
-    result.yField = [
-        encoding[0].y[0],
-        unfoldInfo.groupName
-    ];
-    result.xField = encoding[0].x[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const barParallelSpecPipeline = [
+const pivotBar = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        label_label,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barSpecPipeline = [
+    pivotAdapter_pivotAdapter(bar, pivotBar)
+];
+const barParallel = [
     initBarParallel,
     color_color,
     background_backgroundColor,
@@ -780,7 +1560,29 @@ const barParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barPercentSpecPipeline = [
+const pivotBarParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBarParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
+];
+const barPercent = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -792,29 +1594,30 @@ const barPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initArea = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'area';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const stack = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    result.stack = true;
-    return result;
-};
-const areaSpecPipeline = [
+const pivotBarPercent = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
+];
+const area_area = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -826,7 +1629,30 @@ const areaSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const areaPercentSpecPipeline = [
+const pivotArea = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        stack,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const areaSpecPipeline = [
+    pivotAdapter_pivotAdapter(area_area, pivotArea)
+];
+const areaPercent = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -838,15 +1664,58 @@ const areaPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const execPipeline = (pipeline, context, initialValue = {})=>{
-    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
-    return result;
-};
-const isVTable = (chartType)=>[
-        'table',
-        'pivotTable'
-    ].includes(chartType);
-const isVChart = (chartType)=>!isVTable(chartType);
+const pivotAreaPercent = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const areaPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
+];
+const pie = [
+    initPie,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
+];
+const pivotPie = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initPie,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const pieSpecPipeline = [
+    pivotAdapter_pivotAdapter(pie, pivotPie)
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -954,6 +1823,10 @@ const registerBarParallel = ()=>{
     Builder._advancedPipelineMap.barParallel = barParallelAdvancedPipeline;
     Builder._specPipelineMap.barParallel = barParallelSpecPipeline;
 };
+const registerPie = ()=>{
+    Builder._advancedPipelineMap.pie = pieAdvancedPipeline;
+    Builder._specPipelineMap.pie = pieSpecPipeline;
+};
 const lightTheme = ()=>({
         baseConfig: {
             vtable: {
@@ -1039,6 +1912,7 @@ const all_registerAll = ()=>{
     registerBarPercent();
     registerArea();
     registerAreaPercent();
+    registerPie();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -1116,10 +1990,11 @@ const zUnfoldInfo = external_zod_namespaceObject.z.object({
     colorItems: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()),
     groupName: external_zod_namespaceObject.z.string()
 });
-const zDatasetReshapeInfo = external_zod_namespaceObject.z.object({
+const zDatasetReshapeInfo = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
+    id: external_zod_namespaceObject.z.string(),
     foldInfo: zFoldInfo,
     unfoldInfo: zUnfoldInfo
-});
+}));
 const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
     x: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
     y: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
@@ -1162,62 +2037,6 @@ const zCustomThemeConfig = external_zod_namespaceObject.z.object({
 });
 const zCustomTheme = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), zCustomThemeConfig).optional();
 const zTheme = external_zod_namespaceObject.z.string();
-const dataReshapeFor1D1M_emptyReshapeResult = {
-    dataset: [],
-    foldInfo: {
-        foldMap: {},
-        measureId: '',
-        measureName: '',
-        measureValue: ''
-    },
-    unfoldInfo: {
-        groupName: '',
-        colorItems: []
-    }
-};
-const dataReshapeFor1D1M = (dataset, dimensions, measures)=>{
-    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: "\u6307\u6807\u540D\u79F0",
-                location: 'dimension'
-            }
-        ], [
-            {
-                id: FoldMeasureValue,
-                alias: "\u6307\u6807\u503C"
-            }
-        ], 0, FoldDimensionGroup);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-    {
-        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
-            ...dimensions,
-            {
-                id: FoldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
-                location: 'dimension'
-            }
-        ], [
-            {
-                id: FoldMeasureValue,
-                alias: "\u6307\u6807\u503C"
-            }
-        ], 0, FoldDimensionGroup);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-};
 exports.Builder = __webpack_exports__.Builder;
 exports.areaAdvancedPipeline = __webpack_exports__.areaAdvancedPipeline;
 exports.areaPercentAdvancedPipeline = __webpack_exports__.areaPercentAdvancedPipeline;
@@ -1240,11 +2059,14 @@ exports.dataReshapeFor1D1M = __webpack_exports__.dataReshapeFor1D1M;
 exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
 exports.execPipeline = __webpack_exports__.execPipeline;
 exports.foldMeasures = __webpack_exports__.foldMeasures;
+exports.isPivotChart = __webpack_exports__.isPivotChart;
 exports.isVChart = __webpack_exports__.isVChart;
 exports.isVTable = __webpack_exports__.isVTable;
 exports.lightTheme = __webpack_exports__.lightTheme;
 exports.lineAdvancedPipeline = __webpack_exports__.lineAdvancedPipeline;
 exports.lineSpecPipeline = __webpack_exports__.lineSpecPipeline;
+exports.pieAdvancedPipeline = __webpack_exports__.pieAdvancedPipeline;
+exports.pieSpecPipeline = __webpack_exports__.pieSpecPipeline;
 exports.registerAll = __webpack_exports__.registerAll;
 exports.registerArea = __webpack_exports__.registerArea;
 exports.registerAreaPercent = __webpack_exports__.registerAreaPercent;
@@ -1303,11 +2125,14 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "dataReshapeFor2D1M",
     "execPipeline",
     "foldMeasures",
+    "isPivotChart",
     "isVChart",
     "isVTable",
     "lightTheme",
     "lineAdvancedPipeline",
     "lineSpecPipeline",
+    "pieAdvancedPipeline",
+    "pieSpecPipeline",
     "registerAll",
     "registerArea",
     "registerAreaPercent",