@visactor/vseed 0.0.6 → 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,8 +49,9 @@ __webpack_require__.d(__webpack_exports__, {
     zDimension: ()=>zDimension,
     lightTheme: ()=>lightTheme,
     registerColumnParallel: ()=>registerColumnParallel,
+    isPivotChart: ()=>isPivotChart,
     zCustomTheme: ()=>zCustomTheme,
-    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M_dataReshapeFor1D1M,
+    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
     registerArea: ()=>registerArea,
     zDataset: ()=>zDataset,
     barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
@@ -76,6 +78,7 @@ __webpack_require__.d(__webpack_exports__, {
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+    pieSpecPipeline: ()=>pieSpecPipeline,
     zTooltip: ()=>zTooltip,
     barSpecPipeline: ()=>barSpecPipeline,
     lineSpecPipeline: ()=>lineSpecPipeline,
@@ -85,15 +88,15 @@ __webpack_require__.d(__webpack_exports__, {
     areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
     Builder: ()=>Builder,
     barParallelSpecPipeline: ()=>barParallelSpecPipeline,
-    registerBar: ()=>registerBar
+    registerAll: ()=>all_registerAll
 });
-const constant_FoldMeasureName = '__MeaName__';
-const constant_FoldMeasureValue = '__MeaValue__';
-const constant_FoldMeasureId = '__MeaId__';
-const constant_UnfoldDimensionGroup = '__DimGroup__';
+const FoldMeasureName = '__MeaName__';
+const FoldMeasureValue = '__MeaValue__';
+const FoldMeasureId = '__MeaId__';
+const UnfoldDimensionGroup = '__DimGroup__';
 const Separator = '-';
 const external_remeda_namespaceObject = require("remeda");
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = constant_UnfoldDimensionGroup, dimensionsSeparator = Separator)=>{
+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 = {
@@ -121,7 +124,7 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, f
     };
 };
 const generateDimGroupName = (dimensionsToBeGrouped, datum, dimensionsSeparator)=>dimensionsToBeGrouped.map((dim)=>String(datum[dim.id])).join(dimensionsSeparator);
-const foldMeasures = (dataset, measures, measureId = constant_FoldMeasureId, measureName = constant_FoldMeasureName, measureValue = constant_FoldMeasureValue)=>{
+const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
     const foldInfo = {
         measureId,
         measureName,
@@ -161,7 +164,7 @@ const emptyReshapeResult = {
     }
 };
 const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
-    const { foldMeasureId = constant_FoldMeasureId, foldMeasureName = constant_FoldMeasureName, foldMeasureValue = constant_FoldMeasureValue, unfoldDimensionGroup = constant_UnfoldDimensionGroup } = 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);
     if (0 === dimensions.length) {
@@ -222,8 +225,8 @@ const dataReshapeFor1D1M_emptyReshapeResult = {
         colorItems: []
     }
 };
-const dataReshapeFor1D1M_dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
-    const { foldMeasureId = constant_FoldMeasureId, foldMeasureName = constant_FoldMeasureName, foldMeasureValue = constant_FoldMeasureValue, unfoldDimensionGroup = constant_UnfoldDimensionGroup } = options || {};
+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) {
@@ -290,6 +293,67 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
         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
@@ -302,17 +366,18 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     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, dimensions, measures, {
-            foldMeasureId: constant_FoldMeasureId + groupId,
-            foldMeasureName: constant_FoldMeasureName + groupId,
-            foldMeasureValue: constant_FoldMeasureValue + groupId,
-            unfoldDimensionGroup: constant_UnfoldDimensionGroup + groupId
+        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,
@@ -400,6 +465,41 @@ const encodingYX = (advancedVSeed)=>{
         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
+    };
+};
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
     const { chartType = 'table' } = vseed;
@@ -408,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
@@ -416,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;
@@ -435,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
@@ -505,8 +660,8 @@ const execPipeline = (pipeline, context, initialValue = {})=>{
 };
 const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
         const { vseed } = context;
-        const { measures } = vseed;
-        if (measures && measures.find((measure)=>measure && measure.children)) return execPipeline(pivotPipeline, context, advancedVSeed);
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
         return execPipeline(pipeline, context, advancedVSeed);
     };
 const lineAdvancedPipeline = [
@@ -626,6 +781,19 @@ const areaPercentAdvancedPipeline = [
     vchartBaseConfig,
     vchartTheme
 ];
+const pieAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo1D1M
+    ], [
+        pivotReshapeTo1D1M
+    ]),
+    encodingPolar,
+    vchartBaseConfig,
+    vchartTheme
+];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
     return {
@@ -755,6 +923,22 @@ const initColumnParallel = (spec, context)=>{
     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
@@ -920,11 +1104,11 @@ const pivotLegend = (spec, context)=>{
     const { legend, color } = baseConfig;
     const { enable } = legend;
     const { colorScheme } = color;
-    result.legends = {
+    const legends = {
         visible: enable,
         alignSelf: 'end',
         type: 'discrete',
-        position: 'start',
+        position: 'middle',
         data: colorItems.map((d, index)=>({
                 label: d,
                 shape: {
@@ -932,9 +1116,29 @@ const pivotLegend = (spec, context)=>{
                     fill: colorScheme[index]
                 }
             })),
+        item: {
+            background: {
+                visible: true,
+                state: {
+                    selectedHover: {
+                        fill: '#000000',
+                        fillOpacity: 0.05
+                    }
+                }
+            },
+            label: {
+                style: {
+                    fontSize: 12,
+                    fill: '#6F6F6F'
+                }
+            }
+        },
         orient: 'bottom'
     };
-    return result;
+    return {
+        ...result,
+        legends
+    };
 };
 const color_color = (spec, context)=>{
     const result = {
@@ -956,9 +1160,9 @@ const color_color = (spec, context)=>{
     return result;
 };
 const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
-        const { advancedVSeed } = context;
-        const { measures } = advancedVSeed;
-        if (measures && measures.find((measure)=>measure && measure.children)) return execPipeline(pivotPipeline, context, spec);
+        const { vseed } = context;
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) return execPipeline(pivotPipeline, context, spec);
         return execPipeline(pipeline, context, spec);
     };
 const pivotIndicators = (chartPipeline)=>(spec, context)=>{
@@ -1030,6 +1234,154 @@ const pivotIndicators_pivotIndicatorsAsCol = (spec)=>{
         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 { 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
+    };
+};
+const pivotRowDimensions = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    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
+    };
+};
 const line = [
     initLine,
     color_color,
@@ -1043,6 +1395,7 @@ const line = [
 ];
 const pivotLine = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1055,6 +1408,8 @@ const pivotLine = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const lineSpecPipeline = [
@@ -1073,6 +1428,7 @@ const column = [
 ];
 const pivotColumn = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1085,6 +1441,8 @@ const pivotColumn = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const columnSpecPipeline = [
@@ -1103,6 +1461,7 @@ const columnParallel = [
 ];
 const pivotColumnParallel = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1115,6 +1474,8 @@ const pivotColumnParallel = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const columnParallelSpecPipeline = [
@@ -1134,6 +1495,7 @@ const columnPercent = [
 ];
 const pivotColumnPercent = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1147,6 +1509,8 @@ const pivotColumnPercent = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const columnPercentSpecPipeline = [
@@ -1165,6 +1529,7 @@ const bar = [
 ];
 const pivotBar = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsCol,
     datasetPivot,
     pivotIndicators([
@@ -1177,6 +1542,8 @@ const pivotBar = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const barSpecPipeline = [
@@ -1195,6 +1562,7 @@ const barParallel = [
 ];
 const pivotBarParallel = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsCol,
     datasetPivot,
     pivotIndicators([
@@ -1207,6 +1575,8 @@ const pivotBarParallel = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const barParallelSpecPipeline = [
@@ -1226,6 +1596,7 @@ const barPercent = [
 ];
 const pivotBarPercent = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsCol,
     datasetPivot,
     pivotIndicators([
@@ -1239,6 +1610,8 @@ const pivotBarPercent = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const barPercentSpecPipeline = [
@@ -1258,6 +1631,7 @@ const area_area = [
 ];
 const pivotArea = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1271,6 +1645,8 @@ const pivotArea = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const areaSpecPipeline = [
@@ -1290,6 +1666,7 @@ const areaPercent = [
 ];
 const pivotAreaPercent = [
     initPivot,
+    pivotGridStyle,
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators([
@@ -1303,16 +1680,42 @@ const pivotAreaPercent = [
         label_label,
         tooltip_tooltip
     ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
     pivotLegend
 ];
 const areaPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
 ];
-const isVTable = (chartType)=>[
-        'table',
-        'pivotTable'
-    ].includes(chartType);
-const isVChart = (chartType)=>!isVTable(chartType);
+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');
@@ -1420,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: {
@@ -1505,6 +1912,7 @@ const all_registerAll = ()=>{
     registerBarPercent();
     registerArea();
     registerAreaPercent();
+    registerPie();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -1651,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;
@@ -1714,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",