@visactor/vseed 0.0.23 → 0.0.25

package/dist/umd/index.js

@@ -31,13 +31,14 @@
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
-            zPie: ()=>zPie,
+            zHeatmapConfig: ()=>zHeatmapConfig,
             zBar: ()=>zBar,
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             execPipeline: ()=>execPipeline,
             areaSpecPipeline: ()=>areaSpecPipeline,
             isTable: ()=>isTable,
             zDonut: ()=>zDonut,
+            zPie: ()=>zPie,
             zRoseConfig: ()=>zRoseConfig,
             findFirstMeasure: ()=>findFirstMeasure,
             scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
@@ -63,6 +64,7 @@
             findAllMeasures: ()=>findAllMeasures,
             funnelSpecPipeline: ()=>funnelSpecPipeline,
             zAnalysis: ()=>zAnalysis,
+            zColorLegend: ()=>zColorLegend,
             preorderTraverse: ()=>preorderTraverse,
             zDimensionTree: ()=>zDimensionTree,
             roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
@@ -86,31 +88,32 @@
             zColumnParallelConfig: ()=>zColumnParallelConfig,
             donutSpecPipeline: ()=>donutSpecPipeline,
             registerAreaPercent: ()=>registerAreaPercent,
-            zTheme: ()=>zTheme,
+            zHeatmap: ()=>zHeatmap,
             zBarPercent: ()=>zBarPercent,
+            zTheme: ()=>zTheme,
             zDatum: ()=>zDatum,
             barAdvancedPipeline: ()=>barAdvancedPipeline,
             zCustomThemeConfig: ()=>zCustomThemeConfig,
             registerColumnPercent: ()=>registerColumnPercent,
-            zCrosshairLine: ()=>zCrosshairLine,
+            registerHeatmap: ()=>registerHeatmap,
             registerAreaRange: ()=>registerAreaRange,
             roseSpecPipeline: ()=>roseSpecPipeline,
+            dataReshapeFor2D1M0Name: ()=>dataReshapeFor2D1M0Name,
             registerBarPercent: ()=>registerBarPercent,
-            zPivotTable: ()=>zPivotTable,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
             zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-            registerDarkTheme: ()=>registerDarkTheme,
+            registerPivotTable: ()=>registerPivotTable,
             tableAdvancedPipeline: ()=>tableAdvancedPipeline,
+            registerDarkTheme: ()=>registerDarkTheme,
             pieSpecPipeline: ()=>pieSpecPipeline,
-            registerPivotTable: ()=>registerPivotTable,
             zChartType: ()=>zChartType,
-            zMeasureTree: ()=>zMeasureTree,
+            zCrosshairLine: ()=>zCrosshairLine,
             barSpecPipeline: ()=>barSpecPipeline,
-            zSortAxis: ()=>zSortAxis,
+            zMeasureTree: ()=>zMeasureTree,
             registerRose: ()=>registerRose,
-            zRose: ()=>zRose,
+            zPivotTable: ()=>zPivotTable,
             unfoldDimensions: ()=>unfoldDimensions,
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             registerTable: ()=>registerTable,
@@ -120,32 +123,40 @@
             registerAll: ()=>registerAll,
             registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
+            radarSpecPipeline: ()=>radarSpecPipeline,
             zPieConfig: ()=>zPieConfig,
+            zRadar: ()=>zRadar,
+            zRose: ()=>zRose,
             zStackCornerRadius: ()=>zStackCornerRadius,
-            zTable: ()=>zTable,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
             registerRoseParallel: ()=>registerRoseParallel,
             registerDonut: ()=>registerDonut,
+            heatmapSpecPipeline: ()=>heatmapSpecPipeline,
+            heatmapAdvancedPipeline: ()=>heatmapAdvancedPipeline,
             zDonutConfig: ()=>zDonutConfig,
-            zMeasureGroup: ()=>zMeasureGroup,
-            zUnfoldInfo: ()=>zUnfoldInfo,
             zFunnelConfig: ()=>zFunnelConfig,
+            zMeasureGroup: ()=>zMeasureGroup,
             zMeasures: ()=>zMeasures,
             FoldMeasureName: ()=>FoldMeasureName,
+            zRadarConfig: ()=>zRadarConfig,
             darkTheme: ()=>darkTheme,
             createNumFormatter: ()=>createNumFormatter,
             zAreaConfig: ()=>zAreaConfig,
             zAxis: ()=>zAxis,
             isVTable: ()=>isVTable,
+            zSortAxis: ()=>zSortAxis,
+            zTable: ()=>zTable,
             zLine: ()=>zLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
             UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
             zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
             zFoldInfo: ()=>zFoldInfo,
+            zLinearColor: ()=>zLinearColor,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             zAnnotationArea: ()=>zAnnotationArea,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
             i18n: ()=>i18n,
@@ -167,12 +178,14 @@
             findMeasureById: ()=>findMeasureById,
             zVSeed: ()=>zVSeed,
             areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
+            radarAdvancedPipeline: ()=>radarAdvancedPipeline,
             zBackgroundColor: ()=>zBackgroundColor,
             zAreaPercentConfig: ()=>zAreaPercentConfig,
             registerBarParallel: ()=>registerBarParallel,
-            zMeasure: ()=>zMeasure,
+            registerRadar: ()=>registerRadar,
             zLocale: ()=>zLocale,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+            zMeasure: ()=>zMeasure,
             areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
             areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
             zAreaRange: ()=>zAreaRange,
@@ -1614,6 +1627,96 @@
                 };
             }
         };
+        const unfoldZeroDimensions = (dataset, measures, measureName, unfoldGroupName = UnfoldDimensionGroup, unfoldGroupId = UnfoldDimensionGroupId)=>{
+            const unfoldInfo = {
+                groupName: unfoldGroupName,
+                groupId: unfoldGroupId,
+                colorItems: [],
+                colorIdMap: {}
+            };
+            if (0 === measures.length) return {
+                dataset,
+                unfoldInfo: {
+                    groupName: unfoldGroupName,
+                    groupId: unfoldGroupId,
+                    colorItems: [],
+                    colorIdMap: {}
+                }
+            };
+            const colorItems = [];
+            const colorMap = {};
+            for(let i = 0; i < dataset.length; i++){
+                const datum = dataset[i];
+                const colorName = measureName;
+                const colorId = measureName;
+                datum[unfoldGroupName] = colorName;
+                datum[unfoldGroupId] = colorId;
+                colorItems.push(colorId);
+                colorMap[colorId] = colorName;
+            }
+            unfoldInfo.colorItems = chunk_QJLMYOTX_i(colorItems);
+            unfoldInfo.colorIdMap = colorMap;
+            return {
+                dataset,
+                unfoldInfo
+            };
+        };
+        const dataReshapeFor2D1M0Name_emptyReshapeResult = {
+            dataset: [],
+            foldInfo: {
+                foldMap: {},
+                measureId: '',
+                measureName: '',
+                measureValue: ''
+            },
+            unfoldInfo: {
+                groupName: '',
+                groupId: '',
+                colorItems: [],
+                colorIdMap: {}
+            }
+        };
+        const dataReshapeFor2D1M0Name = (dataset, dimensions, measures, options)=>{
+            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+            if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor2D1M0Name_emptyReshapeResult;
+            const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
+            if (0 === dimensions.length) {
+                const { dataset: finalDataset, unfoldInfo } = unfoldZeroDimensions(foldedDataset, [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], i18n`指标名称`, unfoldDimensionGroup, unfoldDimensionGroupId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo,
+                    unfoldInfo
+                };
+            }
+            {
+                const onlyOneMeasure = 1 === measures.length;
+                const onlyOneDimension = 1 === dimensions.length;
+                const dims = [
+                    ...dimensions
+                ];
+                if (!onlyOneMeasure || onlyOneDimension) dims.push({
+                    id: foldMeasureName,
+                    alias: i18n`指标名称`,
+                    location: 'dimension'
+                });
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dims, [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], 1, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo,
+                    unfoldInfo
+                };
+            }
+        };
         const reshapeTo2D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1638,6 +1741,30 @@
                 measures
             };
         };
+        const reshapeTo2D1M0Name = (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 } = dataReshapeFor2D1M0Name(dataset, dimensions, measures);
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: '2D1M',
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ],
+                dimensions,
+                measures
+            };
+        };
         const reshapeTo1D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1704,7 +1831,7 @@
                 ]
             };
         };
-        const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
+        const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
@@ -1717,14 +1844,14 @@
             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 commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
                 const groupId = measureGroup.id;
-                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, measures, {
                     foldMeasureId: FoldMeasureId,
                     foldMeasureName: FoldMeasureName,
                     foldMeasureValue: FoldMeasureValue + groupId,
@@ -1744,7 +1871,47 @@
                 datasetReshapeInfo: datasetReshapeInfo
             };
         };
-        const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
+        const pivotReshapeTo2D1M0Name = (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 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 } = dataReshapeFor2D1M0Name(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 pivotReshapeTo1D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
@@ -1764,7 +1931,7 @@
                 if (!measures) return;
                 const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
                 const groupId = measureGroup.id;
-                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, commonDimensions, measures, {
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
                     foldMeasureId: FoldMeasureId,
                     foldMeasureName: FoldMeasureName,
                     foldMeasureValue: FoldMeasureValue + groupId,
@@ -1784,7 +1951,7 @@
                 datasetReshapeInfo: datasetReshapeInfo
             };
         };
-        const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
+        const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
             };
@@ -1797,14 +1964,14 @@
             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 commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
                 const groupId = measureGroup.id;
-                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, commonDimensions, measures, {
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, commonDimensions, measures, {
                     foldMeasureId: FoldMeasureId,
                     foldMeasureName: FoldMeasureName,
                     foldMeasureValue: FoldMeasureValue + groupId,
@@ -2115,6 +2282,43 @@
                 encoding
             };
         };
+        const encodingAR = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions || !measures) return result;
+            const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+            const isZeroDimension = 0 === dimensions.length;
+            const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+                const { foldInfo, unfoldInfo } = cur;
+                const angle = [
+                    isZeroDimension ? foldInfo.measureName : angleDimension?.id
+                ];
+                const radius = [
+                    foldInfo.measureValue
+                ];
+                const group = [
+                    unfoldInfo.groupId
+                ];
+                const color = [
+                    unfoldInfo.groupId
+                ];
+                return [
+                    ...prev,
+                    {
+                        angle,
+                        radius,
+                        group,
+                        color
+                    }
+                ];
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
         const encodingFunnel = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
@@ -2130,7 +2334,7 @@
                     unfoldInfo.groupId
                 ];
                 const color = [
-                    unfoldInfo.groupId
+                    foldInfo.measureValue
                 ];
                 return [
                     ...prev,
@@ -2236,6 +2440,8 @@
         const roseConfig = pieConfig;
         const roseParallelConfig = pieConfig;
         const funnelConfig = pieConfig;
+        const heatmapConfig = pieConfig;
+        const radarConfig = pieConfig;
         function chunk_BZNENX2T_r(o) {
             if ("object" != typeof o || null === o) return !1;
             let e = Object.getPrototypeOf(o);
@@ -2425,9 +2631,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2544,9 +2750,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2561,9 +2767,9 @@
             autoMeasures,
             autoDimensions,
             pivotAdapter([
-                reshapeTo2D1M
+                reshapeTo2D1M0Name
             ], [
-                pivotReshapeTo2D1M
+                pivotReshapeTo2D1M0Name
             ]),
             encodingXY,
             sortXBandAxis,
@@ -2676,6 +2882,71 @@
             markStyle_markStyle,
             annotation_annotation
         ];
+        const encodingMatrix = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions) return result;
+            const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+            const isZeroDimension = 0 === dimensions.length;
+            const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+                const { foldInfo, unfoldInfo } = cur;
+                const x = [
+                    isZeroDimension ? foldInfo.measureName : xDimension?.id
+                ];
+                const y = [
+                    unfoldInfo.groupName
+                ];
+                const color = [
+                    foldInfo.measureValue
+                ];
+                return [
+                    ...prev,
+                    {
+                        x,
+                        y,
+                        color
+                    }
+                ];
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
+        const heatmapAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo2D1M
+            ], [
+                pivotReshapeTo2D1M
+            ]),
+            encodingMatrix,
+            sortXBandAxis,
+            heatmapConfig,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const radarAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo2D1M0Name
+            ], [
+                pivotReshapeTo2D1M0Name
+            ]),
+            encodingAR,
+            sort_sortLegend,
+            radarConfig,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
         const autoMeasures_autoMeasures = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -2828,12 +3099,11 @@
             records_records,
             theme_theme
         ];
-        const dataset_dataset = (spec, context)=>{
+        const datasetYX = (spec, context)=>{
             const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
             const { orderMapping = {} } = analysis ?? {};
             const angle = encoding[0]?.angle?.[0];
-            const x = encoding[0]?.x?.[0];
             const y = encoding[0]?.y?.[0];
             const group = encoding[0]?.group?.[0];
             const id = datasetReshapeInfo[0].id;
@@ -2841,25 +3111,57 @@
             if (angle) fields[angle] = {
                 sortIndex: 0
             };
-            if (x) {
-                const order = orderMapping[x];
-                if (order) fields[x] = {
+            if (y) {
+                const order = orderMapping[y];
+                if (order) fields[y] = {
                     sortIndex: 0,
                     domain: order,
                     lockStatisticsByDomain: true
                 };
-                else fields[x] = {
+                else fields[y] = {
                     sortIndex: 0
                 };
             }
-            if (y) {
-                const order = orderMapping[y];
-                if (order) fields[y] = {
+            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,
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
+                    fields: fields
+                }
+            };
+        };
+        const datasetXY = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
+            const { orderMapping = {} } = analysis ?? {};
+            const angle = encoding[0]?.angle?.[0];
+            const x = encoding[0]?.x?.[0];
+            const group = encoding[0]?.group?.[0];
+            const id = datasetReshapeInfo[0].id;
+            const fields = {};
+            if (angle) fields[angle] = {
+                sortIndex: 0
+            };
+            if (x) {
+                const order = orderMapping[x];
+                if (order) fields[x] = {
                     sortIndex: 0,
                     domain: order,
                     lockStatisticsByDomain: true
                 };
-                else fields[y] = {
+                else fields[x] = {
                     sortIndex: 0
                 };
             }
@@ -3120,8 +3422,9 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { encoding } = advancedVSeed;
+            const { encoding, dataset } = advancedVSeed;
             if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+            const showStroke = dataset.length > 20;
             result.type = 'pie';
             result.outerRadius = 0.8;
             result.innerRadius = 0;
@@ -3137,7 +3440,7 @@
             result.pie = {
                 style: {
                     stroke: '#ffffff',
-                    lineWidth: 1,
+                    lineWidth: showStroke ? 1 : 0,
                     centerOffset: 0
                 },
                 state: {
@@ -3155,8 +3458,9 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { encoding } = advancedVSeed;
+            const { encoding, dataset } = advancedVSeed;
             if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+            const showStroke = dataset.length > 20;
             result.type = 'pie';
             result.outerRadius = 0.8;
             result.innerRadius = 0.8 * result.outerRadius;
@@ -3172,7 +3476,7 @@
             result.pie = {
                 style: {
                     stroke: '#ffffff',
-                    lineWidth: 1
+                    lineWidth: showStroke ? 1 : 0
                 },
                 state: {
                     hover: {
@@ -3260,21 +3564,46 @@
             result.animation = true;
             return result;
         };
-        const initPivot = (spec)=>{
+        const initScatter = (spec, context)=>{
             const result = {
                 ...spec
             };
-            return {
-                ...result,
-                animation: true,
-                rows: [],
-                columns: [],
-                indicators: [],
-                records: [],
-                widthMode: 'adaptive',
-                heightMode: 'adaptive',
-                indicatorsAsCol: false
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            result.type = 'scatter';
+            result.direction = 'vertical';
+            result.xField = encoding[0].x[0];
+            result.yField = encoding[0].y[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const initRadar = (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 = 'radar';
+            result.angleField = encoding[0].angle[0];
+            result.radiusField = encoding[0].radius[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
         };
         const initFunnel = (spec, context)=>{
             const result = {
@@ -3298,7 +3627,11 @@
             ];
             result.funnel = {
                 style: {
-                    cornerRadius: 4
+                    cornerRadius: 4,
+                    fill: {
+                        field: encoding[0].color[0],
+                        scale: 'color'
+                    }
                 },
                 state: {
                     hover: {
@@ -3312,26 +3645,21 @@
             result.animation = true;
             return result;
         };
-        const initScatter = (spec, context)=>{
+        const initPivot = (spec)=>{
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
-            const { encoding } = advancedVSeed;
-            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-            result.type = 'scatter';
-            result.direction = 'vertical';
-            result.xField = encoding[0].x[0];
-            result.yField = encoding[0].y[0];
-            result.seriesField = encoding[0].group[0];
-            result.padding = 0;
-            result.region = [
-                {
-                    clip: true
-                }
-            ];
-            result.animation = true;
-            return result;
+            return {
+                ...result,
+                animation: true,
+                rows: [],
+                columns: [],
+                indicators: [],
+                records: [],
+                widthMode: 'adaptive',
+                heightMode: 'adaptive',
+                indicatorsAsCol: false
+            };
         };
         const xBand = (spec, context)=>{
             const result = {
@@ -3694,7 +4022,7 @@
             };
             const { advancedVSeed } = context;
             const { dimensions, measures } = advancedVSeed;
-            if (!dimensions || !measures) return spec;
+            if (!dimensions || !measures) return result;
             const is0D = 0 === dimensions.length;
             const is1M1D = 1 === dimensions.length && 1 === measures.length;
             const showAxis = !(is0D || is1M1D);
@@ -3725,7 +4053,7 @@
             };
             const { advancedVSeed } = context;
             const { dimensions, measures } = advancedVSeed;
-            if (!dimensions || !measures) return spec;
+            if (!dimensions || !measures) return result;
             const is0D = 0 === dimensions.length;
             const is1M1D = 1 === dimensions.length && 1 === measures.length;
             const showAxis = !(is0D || is1M1D);
@@ -3761,6 +4089,59 @@
             });
             return result;
         };
+        const radarAngleAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { dimensions, measures } = advancedVSeed;
+            if (!dimensions || !measures) return result;
+            if (!result.axes) result.axes = [];
+            result.axes.push({
+                orient: 'angle',
+                visible: true,
+                zero: true,
+                nice: true,
+                grid: {
+                    visible: true
+                },
+                domainLine: {
+                    visible: true
+                },
+                tick: {
+                    visible: true
+                }
+            });
+            return result;
+        };
+        const radarRadiusAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { dimensions, measures } = advancedVSeed;
+            if (!dimensions || !measures) return result;
+            if (!result.axes) result.axes = [];
+            result.axes.push({
+                orient: 'radius',
+                visible: true,
+                zero: true,
+                nice: true,
+                grid: {
+                    visible: true
+                },
+                tick: {
+                    visible: true
+                },
+                label: {
+                    visible: true
+                },
+                domainLine: {
+                    visible: true
+                }
+            });
+            return result;
+        };
         const percent = (spec, context)=>{
             const result = {
                 ...spec
@@ -3807,7 +4188,9 @@
             const { advancedVSeed } = context;
             const { measures, datasetReshapeInfo, chartType } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
-            const { tooltip } = baseConfig;
+            const { tooltip = {
+                enable: true
+            } } = baseConfig;
             const { enable } = tooltip;
             const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
             const { groupName } = datasetReshapeInfo[0].unfoldInfo;
@@ -3897,6 +4280,16 @@
             };
             return result;
         };
+        const labelColorInversion = (spec)=>{
+            const result = {
+                ...spec
+            };
+            if (result.label) result.label.smartInvert = true;
+            else result.label = {
+                smartInvert: true
+            };
+            return result;
+        };
         const discreteLegend = (spec, context)=>{
             const result = {
                 ...spec
@@ -4106,6 +4499,69 @@
                 legends
             };
         };
+        const colorLegend = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { chartType } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].color) return result;
+            if (!baseConfig || !baseConfig.legend) return result;
+            const { legend } = baseConfig;
+            const { enable, position = 'bottom' } = legend || {};
+            const orient = [
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
+                'bl',
+                'br'
+            ].includes(position) ? 'bottom' : [
+                'top',
+                'topLeft',
+                'topRight',
+                'tl',
+                'tr'
+            ].includes(position) ? 'top' : [
+                'left',
+                'leftTop',
+                'leftBottom',
+                'lt',
+                'lb'
+            ].includes(position) ? 'left' : 'right';
+            const legendPosition = [
+                'topLeft',
+                'bottomLeft',
+                'leftTop',
+                'rightTop',
+                'lt',
+                'rt',
+                'tl',
+                'bl'
+            ].includes(position) ? 'start' : [
+                'topRight',
+                'bottomRight',
+                'leftBottom',
+                'rightBottom',
+                'lb',
+                'rb',
+                'rt',
+                'br'
+            ].includes(position) ? 'end' : 'middle';
+            result.legends = {
+                type: 'color',
+                visible: enable,
+                orient,
+                position: legendPosition,
+                field: encoding[0].color[0],
+                inverse: !![
+                    'left',
+                    'right'
+                ].includes(orient)
+            };
+            return result;
+        };
         const color_color = (spec, context)=>{
             const result = {
                 ...spec
@@ -4133,6 +4589,28 @@
             };
             return result;
         };
+        const linearColor = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { datasetReshapeInfo, chartType, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            if (!baseConfig || !baseConfig.color) return result;
+            const { color } = baseConfig;
+            const { colorScheme } = color;
+            result.color = {
+                type: 'linear',
+                domain: [
+                    {
+                        dataId: datasetReshapeInfo[0].id,
+                        fields: encoding?.[0]?.color
+                    }
+                ],
+                range: colorScheme
+            };
+            return result;
+        };
         const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
                 const { vseed } = context;
                 const usePivotChart = isPivotChart(vseed);
@@ -5386,7 +5864,7 @@
             initLine,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5410,7 +5888,7 @@
                 initLine,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5437,7 +5915,7 @@
             stackInverse,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5461,7 +5939,7 @@
                 stackInverse,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5485,7 +5963,7 @@
             stackCornerRadius_stackCornerRadius,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5508,7 +5986,7 @@
                 stackCornerRadius_stackCornerRadius,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5534,7 +6012,7 @@
             color_color,
             background_backgroundColor,
             percent,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5559,7 +6037,7 @@
                 color_color,
                 percent,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5583,7 +6061,7 @@
             stackCornerRadius_stackCornerRadius,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetYX,
             xLinear,
             yBand,
             label_label,
@@ -5606,7 +6084,7 @@
                 stackCornerRadius_stackCornerRadius,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetYX,
                 xLinear,
                 yBand,
                 label_label,
@@ -5631,7 +6109,7 @@
             stackCornerRadius_stackCornerRadius,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetYX,
             xLinear,
             yBand,
             label_label,
@@ -5654,7 +6132,7 @@
                 stackCornerRadius_stackCornerRadius,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetYX,
                 xLinear,
                 yBand,
                 label_label,
@@ -5679,7 +6157,7 @@
             color_color,
             background_backgroundColor,
             percent,
-            dataset_dataset,
+            datasetYX,
             xLinear,
             yBand,
             label_label,
@@ -5703,7 +6181,7 @@
                 color_color,
                 background_backgroundColor,
                 percent,
-                dataset_dataset,
+                datasetYX,
                 yBand,
                 xLinear,
                 label_label,
@@ -5727,7 +6205,7 @@
             stackInverse,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5753,7 +6231,7 @@
                 color_color,
                 background_backgroundColor,
                 stackInverse,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5781,7 +6259,7 @@
             color_color,
             background_backgroundColor,
             percent,
-            dataset_dataset,
+            datasetXY,
             xBand,
             yLinear,
             label_label,
@@ -5807,7 +6285,7 @@
                 color_color,
                 background_backgroundColor,
                 percent,
-                dataset_dataset,
+                datasetXY,
                 xBand,
                 yLinear,
                 label_label,
@@ -5843,7 +6321,7 @@
                 pointStyle_pointStyle,
                 pointStateDimensionHover
             ]),
-            dataset_dataset,
+            datasetXY,
             background_backgroundColor,
             xBand,
             yLinear,
@@ -5860,42 +6338,91 @@
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                series([
-                    initAreaRange,
-                    areaStyle_areaStyle
-                ], [
-                    initAreaRangeLine1,
-                    lineStyle_lineStyle,
-                    pointStyle_pointStyle,
-                    pointStateDimensionHover
-                ], [
-                    initAreaRangeLine2,
-                    lineStyle_lineStyle,
-                    pointStyle_pointStyle,
-                    pointStateDimensionHover
-                ]),
+                series([
+                    initAreaRange,
+                    areaStyle_areaStyle
+                ], [
+                    initAreaRangeLine1,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ], [
+                    initAreaRangeLine2,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ]),
+                background_backgroundColor,
+                datasetXY,
+                xBand,
+                yLinear,
+                label_label,
+                verticalCrosshairLine,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationArea_annotationArea
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions
+        ];
+        const areaRangeSpecPipeline = [
+            pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+        ];
+        const scatter = [
+            initScatter,
+            color_color,
+            background_backgroundColor,
+            datasetXY,
+            xLinear,
+            yLinear,
+            label_label,
+            tooltip_tooltip,
+            verticalCrosshairLine,
+            horizontalCrosshairLine,
+            discreteLegend,
+            pointStyle_pointStyle,
+            pointStateHover,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotScatter = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                initScatter,
+                color_color,
                 background_backgroundColor,
-                dataset_dataset,
-                xBand,
+                datasetXY,
+                xLinear,
                 yLinear,
                 label_label,
+                tooltip_tooltip,
                 verticalCrosshairLine,
+                horizontalCrosshairLine,
+                pointStyle_pointStyle,
+                pointStateHover,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea
             ]),
             pivotRowDimensions,
-            pivotColumnDimensions
+            pivotColumnDimensions,
+            pivotDiscreteLegend
         ];
-        const areaRangeSpecPipeline = [
-            pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+        const scatterSpecPipeline = [
+            pivotAdapter_pivotAdapter(scatter, pivotScatter)
         ];
         const pie = [
             initPie,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             label_label,
             tooltip_tooltip,
             discreteLegend,
@@ -5913,7 +6440,7 @@
                 initPie,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -5932,7 +6459,7 @@
             initDonut,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             label_label,
             tooltip_tooltip,
             discreteLegend,
@@ -5950,7 +6477,7 @@
                 initDonut,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -5971,7 +6498,7 @@
             stackInverse,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             radiusAxis,
             angleAxis,
             label_label,
@@ -5990,7 +6517,7 @@
                 stackInverse,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 radiusAxis,
                 angleAxis,
                 label_label,
@@ -6009,7 +6536,7 @@
             stackCornerRadius_stackCornerRadius,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
             radiusAxis,
             angleAxis,
             label_label,
@@ -6031,7 +6558,7 @@
                 stackCornerRadius_stackCornerRadius,
                 color_color,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 radiusAxis,
                 angleAxis,
                 label_label,
@@ -6049,14 +6576,57 @@
         const roseParallelSpecPipeline = [
             pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
         ];
-        const funnel = [
-            initFunnel,
+        const radar = [
+            initRadar,
             color_color,
             background_backgroundColor,
-            dataset_dataset,
+            datasetXY,
+            radarAngleAxis,
+            radarRadiusAxis,
             label_label,
             tooltip_tooltip,
+            verticalCrosshairLine,
             discreteLegend,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle
+        ];
+        const pivotRadar = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                initRadar,
+                color_color,
+                background_backgroundColor,
+                datasetXY,
+                radarAngleAxis,
+                radarRadiusAxis,
+                label_label,
+                tooltip_tooltip,
+                verticalCrosshairLine,
+                pointStyle_pointStyle,
+                pointStateDimensionHover,
+                lineStyle_lineStyle,
+                areaStyle_areaStyle
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const radarSpecPipeline = [
+            pivotAdapter_pivotAdapter(radar, pivotRadar)
+        ];
+        const funnel = [
+            initFunnel,
+            linearColor,
+            background_backgroundColor,
+            datasetXY,
+            label_label,
+            tooltip_tooltip,
+            colorLegend,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
@@ -6069,71 +6639,111 @@
             datasetPivot,
             pivotIndicators([
                 initFunnel,
-                color_color,
+                linearColor,
                 background_backgroundColor,
-                dataset_dataset,
+                datasetXY,
                 label_label,
                 tooltip_tooltip,
+                colorLegend,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea
             ]),
             pivotRowDimensions,
-            pivotColumnDimensions,
-            pivotDiscreteLegend
+            pivotColumnDimensions
         ];
         const funnelSpecPipeline = [
             pivotAdapter_pivotAdapter(funnel, pivotFunnel)
         ];
-        const scatter = [
-            initScatter,
-            color_color,
+        const initHeatmap = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].color) return result;
+            result.type = 'heatmap';
+            result.direction = 'vertical';
+            result.xField = encoding[0].x[0];
+            result.yField = encoding[0].y[0];
+            result.valueField = encoding[0].color[0];
+            result.padding = 0;
+            result.cell = {
+                style: {
+                    shape: 'rect',
+                    stroke: '#ffffff',
+                    lineWidth: 1,
+                    fill: {
+                        field: encoding[0].color[0],
+                        scale: 'color'
+                    }
+                }
+            };
+            result.axes = [
+                {
+                    type: 'band',
+                    orient: 'left',
+                    bandPadding: 0
+                },
+                {
+                    type: 'band',
+                    orient: 'bottom',
+                    bandPadding: 0
+                }
+            ];
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const heatmap = [
+            initHeatmap,
+            linearColor,
             background_backgroundColor,
-            dataset_dataset,
-            xLinear,
-            yLinear,
+            datasetXY,
             label_label,
+            labelColorInversion,
+            colorLegend,
             tooltip_tooltip,
-            verticalCrosshairLine,
-            horizontalCrosshairLine,
-            discreteLegend,
             pointStyle_pointStyle,
-            pointStateHover,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
-        const pivotScatter = [
+        const pivotHeatmap = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initScatter,
-                color_color,
+                initHeatmap,
+                linearColor,
                 background_backgroundColor,
-                dataset_dataset,
-                xLinear,
-                yLinear,
+                datasetXY,
                 label_label,
+                labelColorInversion,
+                colorLegend,
                 tooltip_tooltip,
-                verticalCrosshairLine,
-                horizontalCrosshairLine,
                 pointStyle_pointStyle,
-                pointStateHover,
+                pointStateDimensionHover,
+                lineStyle_lineStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
                 annotationArea_annotationArea
             ]),
             pivotRowDimensions,
-            pivotColumnDimensions,
-            pivotDiscreteLegend
+            pivotColumnDimensions
         ];
-        const scatterSpecPipeline = [
-            pivotAdapter_pivotAdapter(scatter, pivotScatter)
+        const heatmapSpecPipeline = [
+            pivotAdapter_pivotAdapter(heatmap, pivotHeatmap)
         ];
         const initTable = (spec, context)=>{
             const { advancedVSeed } = context;
@@ -7065,6 +7675,14 @@
             Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
             Builder._specPipelineMap.pivotTable = pivotTableSpecPipeline;
         };
+        const registerHeatmap = ()=>{
+            Builder._advancedPipelineMap.heatmap = heatmapAdvancedPipeline;
+            Builder._specPipelineMap.heatmap = heatmapSpecPipeline;
+        };
+        const registerRadar = ()=>{
+            Builder._advancedPipelineMap.radar = radarAdvancedPipeline;
+            Builder._specPipelineMap.radar = radarSpecPipeline;
+        };
         const lightTheme = ()=>{
             const linearAxis = {
                 nice: true,
@@ -7339,6 +7957,9 @@
                     donut: {
                         ...baseConfig
                     },
+                    radar: {
+                        ...baseConfig
+                    },
                     rose: {
                         ...baseConfig
                     },
@@ -7359,7 +7980,24 @@
                                 '#ACB9FF',
                                 '#B7C4FF',
                                 '#C2CEFF'
-                            ]
+                            ].reverse()
+                        }
+                    },
+                    heatmap: {
+                        ...baseConfig,
+                        color: {
+                            colorScheme: [
+                                '#5766EC',
+                                '#6372F0',
+                                '#7080F4',
+                                '#7C8CFA',
+                                '#8998FF',
+                                '#95A3FF',
+                                '#A0AEFF',
+                                '#ACB9FF',
+                                '#B7C4FF',
+                                '#C2CEFF'
+                            ].reverse()
                         }
                     }
                 }
@@ -7638,6 +8276,9 @@
                     donut: {
                         ...baseConfig
                     },
+                    radar: {
+                        ...baseConfig
+                    },
                     rose: {
                         ...baseConfig
                     },
@@ -7660,6 +8301,9 @@
                                 '#A0CEFF'
                             ]
                         }
+                    },
+                    heatmap: {
+                        ...baseConfig
                     }
                 }
             };
@@ -7678,6 +8322,8 @@
             registerCustomTheme('dark', darkTheme());
         };
         const registerAll = ()=>{
+            registerTable();
+            registerPivotTable();
             registerLine();
             registerColumn();
             registerColumnParallel();
@@ -7688,14 +8334,14 @@
             registerArea();
             registerAreaPercent();
             registerAreaRange();
+            registerScatter();
             registerPie();
             registerDonut();
             registerRose();
             registerRoseParallel();
+            registerRadar();
             registerFunnel();
-            registerScatter();
-            registerTable();
-            registerPivotTable();
+            registerHeatmap();
             registerLightTheme();
             registerDarkTheme();
         };
@@ -12523,13 +13169,15 @@
             'area',
             'areaPercent',
             'areaRange',
+            'scatter',
+            'dualAxis',
             'rose',
             'roseParallel',
             'pie',
             'donut',
-            'dualAxis',
-            'scatter',
-            'funnel'
+            'radar',
+            'funnel',
+            'heatmap'
         ]);
         const zDatum = record(schemas_string().or(schemas_number()), any());
         const zDataset = schemas_array(zDatum);
@@ -12733,6 +13381,9 @@
             colorScheme: schemas_array(schemas_string()).optional(),
             colorMapping: record(schemas_string(), schemas_string()).optional()
         });
+        const zLinearColor = schemas_object({
+            colorScheme: schemas_array(schemas_string()).optional()
+        });
         const zLabel = schemas_object({
             enable: schemas_boolean().default(true).optional()
         });
@@ -12790,6 +13441,31 @@
             labelFontColor: schemas_string().default('#fff').optional(),
             labelFontWeight: schemas_number().or(schemas_string()).default(400).optional()
         });
+        const zColorLegend = schemas_object({
+            position: schemas_enum([
+                'left',
+                'leftTop',
+                'leftBottom',
+                'lt',
+                'lb',
+                'top',
+                'topLeft',
+                'topRight',
+                'tl',
+                'tr',
+                'right',
+                'rightTop',
+                'rightBottom',
+                'rt',
+                'rb',
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
+                'bl',
+                'br'
+            ]).default('bottom').optional(),
+            enable: schemas_boolean().default(true).optional()
+        });
         const zTooltip = schemas_object({
             enable: schemas_boolean().default(true).optional()
         });
@@ -12854,22 +13530,6 @@
         });
         const zAreaPercentConfig = zAreaConfig;
         const zAreaRangeConfig = zAreaConfig;
-        const zRoseConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
-        });
-        const zRoseParallelConfig = zRoseConfig;
-        const zPieConfig = schemas_object({
-            backgroundColor: zBackgroundColor.optional(),
-            label: zLabel.optional(),
-            color: zColor.optional(),
-            tooltip: zTooltip.optional(),
-            legend: zLegend.optional()
-        });
-        const zDonutConfig = zPieConfig;
         const zDualAxisConfig = schemas_object({
             backgroundColor: zBackgroundColor.optional(),
             label: zLabel.optional(),
@@ -12887,13 +13547,25 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional()
         });
-        const zFunnelConfig = schemas_object({
+        const zRoseConfig = schemas_object({
             backgroundColor: zBackgroundColor.optional(),
+            label: zLabel.optional(),
             color: zColor.optional(),
             tooltip: zTooltip.optional(),
+            legend: zLegend.optional()
+        });
+        const zRoseParallelConfig = zRoseConfig;
+        const zPieConfig = schemas_object({
+            backgroundColor: zBackgroundColor.optional(),
             label: zLabel.optional(),
+            color: zColor.optional(),
+            tooltip: zTooltip.optional(),
             legend: zLegend.optional()
         });
+        const zDonutConfig = zPieConfig;
+        const zRadarConfig = zPieConfig;
+        const zFunnelConfig = zPieConfig;
+        const zHeatmapConfig = zPieConfig;
         const zConfig = schemas_object({
             table: zTableConfig.optional(),
             pivotTable: zPivotTableConfig.optional(),
@@ -12907,13 +13579,15 @@
             area: zAreaConfig.optional(),
             areaPercent: zAreaPercentConfig.optional(),
             areaRange: zAreaRangeConfig.optional(),
+            dualAxis: zDualAxisConfig.optional(),
+            scatter: zScatterConfig.optional(),
             rose: zRoseConfig.optional(),
             roseParallel: zRoseParallelConfig.optional(),
             pie: zPieConfig.optional(),
             donut: zDonutConfig.optional(),
-            dualAxis: zDualAxisConfig.optional(),
-            scatter: zScatterConfig.optional(),
-            funnel: zFunnelConfig.optional()
+            radar: zRadarConfig.optional(),
+            funnel: zFunnelConfig.optional(),
+            heatmap: zHeatmapConfig.optional()
         });
         const zAxis = schemas_object({
             visible: schemas_boolean().default(true).optional(),
@@ -13067,7 +13741,7 @@
                 zSelector,
                 zSelectors
             ]).optional(),
-            lineSmooth: schemas_boolean().default(true).optional(),
+            lineSmooth: schemas_boolean().optional(),
             lineColor: schemas_string().optional(),
             lineColorOpacity: schemas_number().optional(),
             lineWidth: schemas_number().optional(),
@@ -19241,6 +19915,27 @@
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
             locale: zLocale.optional()
         });
+        const zScatter = schemas_object({
+            chartType: literal('scatter'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            xAxis: zXLinearAxis.optional(),
+            yAxis: zYLinearAxis.optional(),
+            crosshairLine: zCrosshairLine.optional(),
+            theme: zTheme.optional(),
+            pointStyle: zPointStyle.optional(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
+            locale: zLocale.optional()
+        });
         const zRose = schemas_object({
             chartType: literal('rose'),
             dataset: zDataset.optional(),
@@ -19293,8 +19988,8 @@
             theme: zTheme.optional(),
             locale: zLocale.optional()
         });
-        const zScatter = schemas_object({
-            chartType: literal('scatter'),
+        const zRadar = schemas_object({
+            chartType: literal('radar'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
             measures: zMeasureTree.optional(),
@@ -19303,15 +19998,7 @@
             label: zLabel.optional(),
             legend: zLegend.optional(),
             tooltip: zTooltip.optional(),
-            xAxis: zXLinearAxis.optional(),
-            yAxis: zYLinearAxis.optional(),
-            crosshairLine: zCrosshairLine.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
-            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
             locale: zLocale.optional()
         });
         const zFunnel = schemas_object({
@@ -19320,9 +20007,22 @@
             dimensions: zDimensions.optional(),
             measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
-            color: zColor.optional(),
+            color: zLinearColor.optional(),
             label: zLabel.optional(),
-            legend: zLegend.optional(),
+            legend: zColorLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
+        const zHeatmap = schemas_object({
+            chartType: literal('heatmap'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zLinearColor.optional(),
+            label: zLabel.optional(),
+            legend: zColorLegend.optional(),
             tooltip: zTooltip.optional(),
             theme: zTheme.optional(),
             locale: zLocale.optional()
@@ -19340,12 +20040,14 @@
             zArea,
             zAreaPercent,
             zAreaRange,
+            zScatter,
             zPie,
+            zDonut,
             zRose,
             zRoseParallel,
-            zScatter,
-            zDonut,
-            zFunnel
+            zRadar,
+            zFunnel,
+            zHeatmap
         ]);
         const zAdvancedVSeed = schemas_object({
             chartType: zChartType,