@visactor/vseed 0.0.22 → 0.0.23

package/dist/umd/index.js

@@ -41,6 +41,7 @@
             zRoseConfig: ()=>zRoseConfig,
             findFirstMeasure: ()=>findFirstMeasure,
             scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+            updateSpec: ()=>updateSpec,
             zCrosshairRect: ()=>zCrosshairRect,
             scatterSpecPipeline: ()=>scatterSpecPipeline,
             intl: ()=>intl,
@@ -75,6 +76,7 @@
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
             findAllDimensions: ()=>findAllDimensions,
             findDimensionById: ()=>findDimensionById,
+            zAreaRangeConfig: ()=>zAreaRangeConfig,
             zPivotTableConfig: ()=>zPivotTableConfig,
             zArea: ()=>zArea,
             zColumnParallel: ()=>zColumnParallel,
@@ -91,22 +93,22 @@
             zCustomThemeConfig: ()=>zCustomThemeConfig,
             registerColumnPercent: ()=>registerColumnPercent,
             zCrosshairLine: ()=>zCrosshairLine,
-            registerBarPercent: ()=>registerBarPercent,
+            registerAreaRange: ()=>registerAreaRange,
             roseSpecPipeline: ()=>roseSpecPipeline,
+            registerBarPercent: ()=>registerBarPercent,
             zPivotTable: ()=>zPivotTable,
-            zSortAxis: ()=>zSortAxis,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
             zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-            zChartType: ()=>zChartType,
-            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             registerDarkTheme: ()=>registerDarkTheme,
-            registerPivotTable: ()=>registerPivotTable,
+            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             pieSpecPipeline: ()=>pieSpecPipeline,
+            registerPivotTable: ()=>registerPivotTable,
+            zChartType: ()=>zChartType,
             zMeasureTree: ()=>zMeasureTree,
             barSpecPipeline: ()=>barSpecPipeline,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zSortAxis: ()=>zSortAxis,
             registerRose: ()=>registerRose,
             zRose: ()=>zRose,
             unfoldDimensions: ()=>unfoldDimensions,
@@ -119,6 +121,7 @@
             registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
             zPieConfig: ()=>zPieConfig,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             zTable: ()=>zTable,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
@@ -150,6 +153,7 @@
             zAnnotationPoint: ()=>zAnnotationPoint,
             lightTheme: ()=>lightTheme,
             registerColumnParallel: ()=>registerColumnParallel,
+            updateAdvanced: ()=>updateAdvanced,
             zDimension: ()=>zDimension,
             isPivotChart: ()=>isPivotChart,
             zDualAxisConfig: ()=>zDualAxisConfig,
@@ -158,6 +162,7 @@
             zLineConfig: ()=>zLineConfig,
             zTableConfig: ()=>zTableConfig,
             zXBandAxis: ()=>zXBandAxis,
+            dataReshapeFor1D: ()=>dataReshapeFor1D,
             zColumnPercentConfig: ()=>zColumnPercentConfig,
             findMeasureById: ()=>findMeasureById,
             zVSeed: ()=>zVSeed,
@@ -168,6 +173,9 @@
             zMeasure: ()=>zMeasure,
             zLocale: ()=>zLocale,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+            areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
+            areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
+            zAreaRange: ()=>zAreaRange,
             registerScatter: ()=>registerScatter,
             zEncoding: ()=>zEncoding,
             autoNumFormatter: ()=>autoNumFormatter,
@@ -191,9 +199,9 @@
             zBarParallelConfig: ()=>zBarParallelConfig,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
             FoldMeasureValue: ()=>FoldMeasureValue,
-            zBarPercentConfig: ()=>zBarPercentConfig,
             barPercentSpecPipeline: ()=>barPercentSpecPipeline,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+            zBarPercentConfig: ()=>zBarPercentConfig,
             lineSpecPipeline: ()=>lineSpecPipeline,
             zTooltip: ()=>zTooltip,
             createFormatter: ()=>createFormatter,
@@ -1135,6 +1143,51 @@
                 }));
             return result;
         };
+        const autoMeasuresBy2M1Group = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { measures, dataset } = vseed;
+            if (!dataset) throw new Error('dataset is required');
+            if (0 === dataset.length) return result;
+            if (measures) {
+                result.measures = auto2M1Group(measures);
+                return result;
+            }
+            const top100dataset = dataset.slice(0, 100);
+            const sample = top100dataset.reduce((prev, cur)=>({
+                    ...prev,
+                    ...cur
+                }), {});
+            const newMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+                    '',
+                    null,
+                    void 0
+                ].includes(key)).map((measure)=>({
+                    id: measure,
+                    alias: measure
+                }));
+            result.measures = auto2M1Group(newMeasures);
+            return result;
+        };
+        const auto2M1Group = (measures)=>{
+            const allMeasures = findAllMeasures(measures);
+            if (allMeasures.length <= 2) return allMeasures;
+            const groups = measures.filter((measure)=>'children' in measure);
+            const singleMeasures = measures.filter((measure)=>!('children' in measure));
+            for(let i = 0; i < singleMeasures.length; i += 2){
+                const group = autoMeasuresBy2M1Group_createEmptyMeasureGroup();
+                group.children = allMeasures.slice(i, i + 2);
+                groups.push(group);
+            }
+            return groups;
+        };
+        const autoMeasuresBy2M1Group_createEmptyMeasureGroup = ()=>({
+                id: '',
+                alias: '',
+                children: []
+            });
         const FoldMeasureName = '__MeaName__';
         const FoldMeasureValue = '__MeaValue__';
         const FoldMeasureId = '__MeaId__';
@@ -1246,10 +1299,10 @@
             for(let i = 0; i < dataset.length; i++){
                 const datum = dataset[i];
                 const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-                const colorId = [
+                const colorId = datum[foldMeasureId] ? [
                     colorName,
-                    datum[foldMeasureId] || 'id'
-                ].join(dimensionsSeparator);
+                    datum[foldMeasureId]
+                ].join(dimensionsSeparator) : colorName;
                 datum[unfoldGroupName] = colorName;
                 datum[unfoldGroupId] = colorId;
                 colorItems.push(colorId);
@@ -1509,6 +1562,58 @@
                 };
             }
         };
+        const dataReshapeFor1D_emptyReshapeResult = {
+            dataset: [],
+            foldInfo: {
+                foldMap: {},
+                measureId: '',
+                measureName: '',
+                measureValue: ''
+            },
+            unfoldInfo: {
+                groupName: '',
+                groupId: '',
+                colorItems: [],
+                colorIdMap: {}
+            }
+        };
+        const dataReshapeFor1D = (dataset, dimensions, measures, options)=>{
+            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+            if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D_emptyReshapeResult;
+            if (0 === dimensions.length) {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [], [], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo: {
+                        foldMap: {},
+                        measureId: foldMeasureId,
+                        measureName: foldMeasureName,
+                        measureValue: foldMeasureValue
+                    },
+                    unfoldInfo
+                };
+            }
+            {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [
+                    ...dimensions
+                ], [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo: {
+                        foldMap: {},
+                        measureId: foldMeasureId,
+                        measureName: foldMeasureName,
+                        measureValue: foldMeasureValue
+                    },
+                    unfoldInfo
+                };
+            }
+        };
         const reshapeTo2D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1577,6 +1682,28 @@
                 ]
             };
         };
+        const reshapeTo1D = (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 } = dataReshapeFor1D(dataset, dimensions, measures);
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: '1D2M',
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ]
+            };
+        };
         const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -1697,6 +1824,46 @@
                 datasetReshapeInfo: datasetReshapeInfo
             };
         };
+        const pivotReshapeTo1D = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset } = vseed;
+            const { measures } = advancedVSeed;
+            const dimensions = advancedVSeed.dimensions;
+            if (!measures || !dimensions) return result;
+            const measureGroups = [];
+            if (measures) measures.forEach((measure)=>{
+                if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+            });
+            const newDatasets = [];
+            const datasetReshapeInfo = [];
+            measureGroups.forEach((measureGroup)=>{
+                const measures = measureGroup.children;
+                if (!measures) return;
+                const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+                const groupId = measureGroup.id;
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D(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 encodingXY = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
@@ -1807,6 +1974,74 @@
                 encoding
             };
         };
+        const encodingXYY = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions || !measures) return result;
+            const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
+                const measure = measures[index];
+                if ('children' in measure) {
+                    const m1 = measure.children?.[0];
+                    const m2 = measure.children?.[1] || m1;
+                    const { foldInfo, unfoldInfo } = cur;
+                    const x = [
+                        unfoldInfo.groupId
+                    ];
+                    const y = [
+                        m1?.id,
+                        m2?.id
+                    ];
+                    const group = [
+                        unfoldInfo.groupId
+                    ];
+                    const color = [
+                        foldInfo.measureName
+                    ];
+                    return [
+                        ...prev,
+                        {
+                            x,
+                            y,
+                            group,
+                            color
+                        }
+                    ];
+                }
+                {
+                    const m1 = measures[index];
+                    const m2 = measures[index + 1] || m1;
+                    const { foldInfo, unfoldInfo } = cur;
+                    const x = [
+                        unfoldInfo.groupId
+                    ];
+                    const y = [
+                        m1.id,
+                        m2.id
+                    ];
+                    const group = [
+                        unfoldInfo.groupId
+                    ];
+                    const color = [
+                        foldInfo.measureName
+                    ];
+                    return [
+                        ...prev,
+                        {
+                            x,
+                            y,
+                            group,
+                            color
+                        }
+                    ];
+                }
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
         const encodingRose = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
@@ -2338,6 +2573,22 @@
             markStyle_markStyle,
             annotation_annotation
         ];
+        const areaRangeAdvancedPipeline = [
+            initAdvancedVSeed,
+            autoMeasuresBy2M1Group,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D
+            ], [
+                pivotReshapeTo1D
+            ]),
+            encodingXYY,
+            sortXBandAxis,
+            areaConfig,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
         const pieAdvancedPipeline = [
             initAdvancedVSeed,
             autoMeasures,
@@ -2578,7 +2829,7 @@
             theme_theme
         ];
         const dataset_dataset = (spec, context)=>{
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
             const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
             const { orderMapping = {} } = analysis ?? {};
             const angle = encoding[0]?.angle?.[0];
@@ -2627,7 +2878,7 @@
                 ...spec,
                 data: {
                     id,
-                    values: advancedVSeed.dataset,
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
                     fields: fields
                 }
             };
@@ -2736,6 +2987,88 @@
             result.animation = true;
             return result;
         };
+        const initAreaRange = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'rangeArea';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[0],
+                encoding[0].y[1]
+            ];
+            result.animation = true;
+            result.area = {
+                style: {
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
+        const initAreaRangeLine1 = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'line';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[0]
+            ];
+            result.animation = true;
+            result.line = {
+                style: {
+                    stroke: color.colorScheme?.[0]
+                }
+            };
+            result.point = {
+                style: {
+                    visible: false,
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
+        const initAreaRangeLine2 = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            const { color } = advancedVSeed.config.areaRange;
+            result.type = 'line';
+            result.direction = 'vertical';
+            result.stack = false;
+            result.xField = encoding[0].x[0];
+            result.yField = [
+                encoding[0].y[1]
+            ];
+            result.animation = true;
+            result.line = {
+                style: {
+                    stroke: color.colorScheme?.[0]
+                }
+            };
+            result.point = {
+                style: {
+                    visible: false,
+                    fill: color.colorScheme?.[0]
+                }
+            };
+            return result;
+        };
         const initLine = (spec, context)=>{
             const result = {
                 ...spec
@@ -5034,6 +5367,21 @@
             };
             return result;
         };
+        const series = (...args)=>{
+            const result = {
+                type: 'common',
+                padding: 0,
+                region: [
+                    {
+                        clip: true
+                    }
+                ]
+            };
+            return (_, context)=>{
+                result.series = args.map((pipeline)=>execPipeline(pipeline, context, {}));
+                return result;
+            };
+        };
         const line_line = [
             initLine,
             color_color,
@@ -5480,6 +5828,69 @@
         const areaPercentSpecPipeline = [
             pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
         ];
+        const areaRange = [
+            series([
+                initAreaRange,
+                areaStyle_areaStyle
+            ], [
+                initAreaRangeLine1,
+                lineStyle_lineStyle,
+                pointStyle_pointStyle,
+                pointStateDimensionHover
+            ], [
+                initAreaRangeLine2,
+                lineStyle_lineStyle,
+                pointStyle_pointStyle,
+                pointStateDimensionHover
+            ]),
+            dataset_dataset,
+            background_backgroundColor,
+            xBand,
+            yLinear,
+            label_label,
+            verticalCrosshairLine,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotAreaRange = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                series([
+                    initAreaRange,
+                    areaStyle_areaStyle
+                ], [
+                    initAreaRangeLine1,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ], [
+                    initAreaRangeLine2,
+                    lineStyle_lineStyle,
+                    pointStyle_pointStyle,
+                    pointStateDimensionHover
+                ]),
+                background_backgroundColor,
+                dataset_dataset,
+                xBand,
+                yLinear,
+                label_label,
+                verticalCrosshairLine,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationArea_annotationArea
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions
+        ];
+        const areaRangeSpecPipeline = [
+            pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+        ];
         const pie = [
             initPie,
             color_color,
@@ -6541,8 +6952,18 @@
             build = ()=>build(this);
             buildSpec = (advanced)=>buildSpec(this, advanced);
             buildAdvanced = ()=>buildAdvanced(this);
-            getAdvancedPipeline = (chartType)=>Builder._advancedPipelineMap[chartType];
-            getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
+            getAdvancedPipeline = (chartType)=>{
+                const customPipe = Builder._customAdvancedPipe[chartType];
+                const pipeline = Builder._advancedPipelineMap[chartType];
+                if (customPipe) pipeline.push(customPipe);
+                return pipeline;
+            };
+            getSpecPipeline = (chartType)=>{
+                const customPipe = Builder._customSpecPipe[chartType];
+                const pipeline = Builder._specPipelineMap[chartType];
+                if (customPipe) pipeline.push(customPipe);
+                return pipeline;
+            };
             getTheme = (themeKey)=>Builder._themeMap[themeKey];
             getThemeMap = ()=>Builder._themeMap;
             getColorItems = ()=>getColorItems(this);
@@ -6567,6 +6988,8 @@
             }
             static _advancedPipelineMap = {};
             static _specPipelineMap = {};
+            static _customAdvancedPipe = {};
+            static _customSpecPipe = {};
             static _themeMap = {};
             static from = (vseed)=>new Builder(vseed);
         }
@@ -6590,6 +7013,10 @@
             Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
             Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
         };
+        const registerAreaRange = ()=>{
+            Builder._advancedPipelineMap.areaRange = areaRangeAdvancedPipeline;
+            Builder._specPipelineMap.areaRange = areaRangeSpecPipeline;
+        };
         const registerBarPercent = ()=>{
             Builder._advancedPipelineMap.barPercent = barPercentAdvancedPipeline;
             Builder._specPipelineMap.barPercent = barPercentSpecPipeline;
@@ -6882,6 +7309,12 @@
                         yAxis: linearAxis,
                         crosshairLine
                     },
+                    areaRange: {
+                        ...baseConfig,
+                        xAxis: bandAxis,
+                        yAxis: linearAxis,
+                        crosshairLine
+                    },
                     scatter: {
                         ...baseConfig,
                         xAxis: {
@@ -7175,6 +7608,12 @@
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine
                     },
+                    areaRange: {
+                        ...baseConfig,
+                        xAxis: bandAxis,
+                        yAxis: linearAxis,
+                        crosshairLine: crosshairLine
+                    },
                     scatter: {
                         ...baseConfig,
                         xAxis: {
@@ -7248,6 +7687,7 @@
             registerBarPercent();
             registerArea();
             registerAreaPercent();
+            registerAreaRange();
             registerPie();
             registerDonut();
             registerRose();
@@ -7259,6 +7699,12 @@
             registerLightTheme();
             registerDarkTheme();
         };
+        const updateAdvanced = (chartType, advancedPipe)=>{
+            Builder._customAdvancedPipe[chartType] = advancedPipe;
+        };
+        const updateSpec = (chartType, specPipe)=>{
+            Builder._customSpecPipe[chartType] = specPipe;
+        };
         const NEVER = Object.freeze({
             status: "aborted"
         });
@@ -12076,6 +12522,7 @@
             'barParallel',
             'area',
             'areaPercent',
+            'areaRange',
             'rose',
             'roseParallel',
             'pie',
@@ -12406,6 +12853,7 @@
             crosshairLine: zCrosshairLine.optional()
         });
         const zAreaPercentConfig = zAreaConfig;
+        const zAreaRangeConfig = zAreaConfig;
         const zRoseConfig = schemas_object({
             backgroundColor: zBackgroundColor.optional(),
             label: zLabel.optional(),
@@ -12458,6 +12906,7 @@
             barPercent: zBarPercentConfig.optional(),
             area: zAreaConfig.optional(),
             areaPercent: zAreaPercentConfig.optional(),
+            areaRange: zAreaRangeConfig.optional(),
             rose: zRoseConfig.optional(),
             roseParallel: zRoseParallelConfig.optional(),
             pie: zPieConfig.optional(),
@@ -18772,6 +19221,26 @@
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).optional(),
             locale: zLocale.optional()
         });
+        const zAreaRange = schemas_object({
+            chartType: literal('areaRange'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            label: zLabel.optional(),
+            xAxis: zXBandAxis.optional(),
+            yAxis: zYLinearAxis.optional(),
+            crosshairLine: zCrosshairLine.optional(),
+            theme: zTheme.optional(),
+            pointStyle: zPointStyle.optional(),
+            lineStyle: zLineStyle.optional(),
+            areaStyle: zAreaStyle.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(),
@@ -18870,6 +19339,7 @@
             zBarPercent,
             zArea,
             zAreaPercent,
+            zAreaRange,
             zPie,
             zRose,
             zRoseParallel,