@visactor/vseed 0.1.31 → 0.1.32

package/dist/umd/index.js

@@ -1340,7 +1340,7 @@
             if (measures.length > 1 && !result.dimensions?.some((dim)=>dim.id === MeasureName)) result.dimensions?.push({
                 id: MeasureName,
                 alias: intl.i18n`指标名称`,
-                encoding: 'column'
+                encoding: 'row'
             });
             return result;
         };
@@ -2737,7 +2737,8 @@
                     visible: grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -2832,7 +2833,8 @@
                     visible: grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -2875,7 +2877,7 @@
                         lineWidth: 1,
                         opacity: 1,
                         stroke: lineColor,
-                        lineDash: [
+                        lineDash: config.lineDash ?? [
                             4,
                             2
                         ]
@@ -3558,9 +3560,10 @@
                 return true;
             });
         const annotationPoint_annotationPoint = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const { annotation } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { annotation, config } = advancedVSeed;
             if (!annotation || !annotation.annotationPoint) return spec;
+            const theme = config?.[vseed.chartType]?.annotation?.annotationPoint;
             const { annotationPoint } = annotation;
             const annotationPointList = Array.isArray(annotationPoint) ? annotationPoint : [
                 annotationPoint
@@ -3574,7 +3577,7 @@
                 textBaseline: 'top'
             };
             const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-                const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = defaultStyle.textAlign, textBaseline = defaultStyle.textBaseline, textBackgroundBorderColor, textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundColor = '#212121', textBackgroundPadding = 2, textBackgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+                const { selector: selectorPoint, text = '', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = defaultStyle.textAlign, textBaseline = defaultStyle.textBaseline, textBackgroundBorderColor = theme?.textBackgroundBorderColor, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundPadding = theme?.textBackgroundPadding ?? 2, textBackgroundVisible = theme?.textBackgroundVisible ?? true, offsetX = theme?.offsetX ?? 0, offsetY = theme?.offsetY ?? 0 } = annotationPoint;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
                 const dx = -10 - (isHorizontalBar ? textFontSize : 0);
@@ -3629,10 +3632,11 @@
             return Array.isArray(r);
         }
         const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const { annotation, datasetReshapeInfo } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { annotation, datasetReshapeInfo, config } = advancedVSeed;
             const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
             if (!annotation || !annotation.annotationVerticalLine) return spec;
+            const theme = config?.[vseed.chartType]?.annotation?.annotationVerticalLine;
             const { annotationVerticalLine } = annotation;
             const annotationVerticalLineList = Array.isArray(annotationVerticalLine) ? annotationVerticalLine : [
                 annotationVerticalLine
@@ -3646,7 +3650,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-                const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', textBackgroundVisible = true, textBackgroundBorderColor = '#212121', textBackgroundColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed' } = annotationVerticalLine;
+                const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationVerticalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (x)=>({
                         x: x,
@@ -3672,6 +3676,7 @@
                             text: text,
                             position: positionMap[textPosition || 'insideEnd'],
                             style: {
+                                dx: 5,
                                 visible: true,
                                 stroke: textBackgroundColor,
                                 lineWidth: 1,
@@ -3679,23 +3684,33 @@
                                 textBaseline: textBaseline,
                                 fill: textColor,
                                 fontSize: textFontSize,
-                                fontWeight: textFontWeight,
-                                dy: textFontSize
+                                fontWeight: textFontWeight
                             },
                             labelBackground: {
                                 visible: textBackgroundVisible,
                                 padding: textBackgroundPadding,
                                 style: {
-                                    dy: textFontSize,
-                                    cornerRadius: textBackgroundBorderRadius ?? 4,
+                                    dx: 5,
+                                    cornerRadius: textBackgroundBorderRadius,
                                     fill: textBackgroundColor,
+                                    fillOpacity: 1,
                                     stroke: textBackgroundBorderColor,
                                     lineWidth: textBackgroundBorderWidth
                                 }
                             }
                         },
+                        startSymbol: {
+                            visible: theme?.startSymbolVisible ?? true,
+                            symbolType: theme?.startSymbolType ?? 'triangleDown',
+                            size: 5 + (lineWidth || 1),
+                            style: {
+                                dy: -3,
+                                fill: lineColor
+                            }
+                        },
                         endSymbol: {
-                            visible: true,
+                            visible: theme?.endSymbolVisible ?? false,
+                            symbolType: theme?.endSymbolType ?? 'arrow',
                             size: 10 + (lineWidth || 1),
                             style: {
                                 dy: 4,
@@ -3727,10 +3742,11 @@
             };
         };
         const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const { annotation, datasetReshapeInfo } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { annotation, datasetReshapeInfo, config } = advancedVSeed;
             const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
             if (!annotation || !annotation.annotationHorizontalLine) return spec;
+            const theme = config?.[vseed.chartType]?.annotation?.annotationHorizontalLine;
             const { annotationHorizontalLine } = annotation;
             const annotationHorizontalLineList = Array.isArray(annotationHorizontalLine) ? annotationHorizontalLine : [
                 annotationHorizontalLine
@@ -3744,7 +3760,7 @@
                 insideEnd: 'insideEndTop'
             };
             const markLine = annotationHorizontalLineList.flatMap((annotationHorizontalLine)=>{
-                const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2 } = annotationHorizontalLine;
+                const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'right', textBaseline = 'bottom', lineColor = theme?.lineColor ?? '#212121', lineStyle = theme?.lineStyle ?? 'dashed', lineVisible = theme?.lineStyle ?? true, lineWidth = theme?.lineWidth ?? 1, textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#212121', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#212121', textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundPadding = theme?.textBackgroundPadding ?? 2 } = annotationHorizontalLine;
                 const dataset = advancedVSeed.dataset.flat();
                 const generateOneMarkLine = (y)=>({
                         y,
@@ -3753,7 +3769,6 @@
                             style: {
                                 visible: lineVisible,
                                 stroke: lineColor,
-                                lineStyle: lineStyle,
                                 lineWidth: lineWidth,
                                 lineDash: 'dashed' === lineStyle ? [
                                     5,
@@ -3771,7 +3786,7 @@
                             position: positionMap[textPosition || 'insideEnd'],
                             style: {
                                 visible: true,
-                                dy: textFontSize,
+                                dy: 4,
                                 stroke: textBackgroundColor,
                                 lineWidth: 1,
                                 textAlign: textAlign,
@@ -3784,16 +3799,27 @@
                                 visible: textBackgroundVisible,
                                 padding: textBackgroundPadding,
                                 style: {
-                                    dy: textFontSize,
-                                    cornerRadius: textBackgroundBorderRadius ?? 4,
+                                    dy: 4,
+                                    cornerRadius: textBackgroundBorderRadius,
                                     fill: textBackgroundColor,
                                     stroke: textBackgroundBorderColor,
-                                    lineWidth: textBackgroundBorderWidth
+                                    lineWidth: textBackgroundBorderWidth,
+                                    fillOpacity: 1
                                 }
                             }
                         },
+                        startSymbol: {
+                            visible: theme?.startSymbolVisible ?? true,
+                            symbolType: theme?.startSymbolType ?? 'triangleDown',
+                            size: 5,
+                            style: {
+                                dx: 0,
+                                fill: lineColor
+                            }
+                        },
                         endSymbol: {
-                            visible: true,
+                            visible: theme?.endSymbolVisible ?? false,
+                            symbolType: theme?.endSymbolType ?? 'arrow',
                             size: 10 + (lineWidth || 1),
                             style: {
                                 dx: -4,
@@ -3825,9 +3851,10 @@
             };
         };
         const annotationArea_annotationArea = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const { annotation } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { annotation, config } = advancedVSeed;
             if (!annotation || !annotation.annotationArea) return spec;
+            const theme = config?.[vseed.chartType]?.annotation?.annotationArea;
             const { annotationArea } = annotation;
             const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [
                 annotationArea
@@ -3843,7 +3870,7 @@
                 right: 'insideRight'
             };
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4 } = annotationArea;
+                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
                 const labelPosition = positionMap[textPosition || 'top'];
@@ -4783,9 +4810,10 @@
             };
         };
         const annotationAreaBand = (spec, context)=>{
-            const { advancedVSeed } = context;
-            const { annotation } = advancedVSeed;
+            const { advancedVSeed, vseed } = context;
+            const { annotation, config } = advancedVSeed;
             if (!annotation || !annotation.annotationArea) return spec;
+            const theme = config?.[vseed.chartType]?.annotation?.annotationArea;
             const { annotationArea } = annotation;
             const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [
                 annotationArea
@@ -4801,7 +4829,7 @@
                 right: 'insideRight'
             };
             const markArea = annotationAreaList.flatMap((annotationArea)=>{
-                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4 } = annotationArea;
+                const { selector: selectorPoint, text = '', textPosition = 'top', textColor = theme?.textColor ?? '#ffffff', textFontSize = theme?.textFontSize ?? 12, textFontWeight = theme?.textFontWeight ?? 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = theme?.textBackgroundVisible ?? true, textBackgroundColor = theme?.textBackgroundColor ?? '#191d24', textBackgroundBorderColor = theme?.textBackgroundBorderColor ?? '#191d24', textBackgroundBorderWidth = theme?.textBackgroundBorderWidth ?? 1, textBackgroundBorderRadius = theme?.textBackgroundBorderRadius ?? 4, textBackgroundPadding = theme?.textBackgroundPadding ?? 4, areaColor = theme?.areaColor ?? '#888888', areaColorOpacity = theme?.areaColorOpacity ?? 0.15, areaBorderColor = theme?.areaBorderColor ?? '#888888', areaBorderRadius = theme?.areaBorderRadius ?? 4, areaBorderWidth = theme?.areaBorderWidth ?? 1, outerPadding = theme?.outerPadding ?? 4 } = annotationArea;
                 const dy = textPosition?.includes('bottom') ? -1 * textFontSize : textFontSize;
                 const dataset = advancedVSeed.dataset.flat();
                 const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
@@ -5459,7 +5487,8 @@
                     visible: grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -5539,7 +5568,8 @@
                     visible: grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -6662,7 +6692,7 @@
                         lineWidth: 1,
                         opacity: 1,
                         stroke: lineColor,
-                        lineDash: [
+                        lineDash: config.lineDash ?? [
                             4,
                             2
                         ]
@@ -7513,7 +7543,8 @@
                     visible: grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -7605,7 +7636,8 @@
                     visible: onlySecondary ? true : grid?.visible,
                     style: {
                         lineWidth: grid?.gridWidth,
-                        stroke: grid?.gridColor
+                        stroke: grid?.gridColor,
+                        lineDash: grid?.gridLineDash
                     }
                 },
                 domainLine: {
@@ -7874,29 +7906,27 @@
                 return result;
             };
         const pieStyle = (spec, context)=>{
-            const { advancedVSeed } = context;
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
             const { dataset } = advancedVSeed;
             const showStroke = dataset.length <= 30;
+            const config = advancedVSeed.config?.[chartType];
             const result = {
                 ...spec,
-                pie: {
-                    style: {}
-                }
-            };
-            return {
-                ...result,
                 pie: {
                     style: {
-                        stroke: '#ffffff',
+                        stroke: config?.backgroundColor ?? '#ffffff',
                         lineWidth: showStroke ? 1 : 0
-                    },
-                    state: {
-                        hover: {
-                            outerRadius: 1.1 * result.outerRadius
-                        }
                     }
                 }
             };
+            if (spec.outerRadius) result.pie.state = {
+                hover: {
+                    outerRadius: 1.1 * spec.outerRadius
+                }
+            };
+            if (config?.cornerRadius) result.pie.style.cornerRadius = config.cornerRadius;
+            return result;
         };
         const labelPie = (spec, context)=>{
             const result = {
@@ -9122,9 +9152,9 @@
         const getDarkCrosshairLine = ()=>({
                 visible: true,
                 labelVisible: true,
-                labelColor: '#4B4F54',
-                labelBackgroundColor: '#ffffff',
-                lineColor: '#E2E3E6'
+                labelColor: '#ffffff',
+                labelBackgroundColor: '#404349',
+                lineColor: '#55595F'
             });
         const getDarkCrosshairRect = ()=>({
                 visible: true,
@@ -9137,8 +9167,8 @@
                 visible: true,
                 labelVisible: true,
                 labelColor: '#ffffff',
-                labelBackgroundColor: '#364159',
-                lineColor: '#3641594d'
+                labelBackgroundColor: '##21252C',
+                lineColor: '#000000'
             });
         const getLightCrosshairRect = ()=>({
                 visible: true,
@@ -9402,6 +9432,108 @@
                     lineWidth: 1
                 }
             });
+        const getLightAnnotationPoint = ()=>({
+                textColor: '#ffffff',
+                textBackgroundVisible: true,
+                textBackgroundColor: '#364159',
+                textBackgroundBorderColor: '#3641594d',
+                textFontSize: 12,
+                textFontWeight: 400,
+                textBackgroundBorderRadius: 4,
+                textBackgroundBorderWidth: 1,
+                textBackgroundPadding: 2
+            });
+        const getLightAnnotationHorizontalLine = ()=>({
+                lineColor: '#BCC1CB',
+                lineWidth: 1,
+                lineStyle: 'solid',
+                lineVisible: true,
+                textColor: '#ffffff',
+                textFontSize: 12,
+                textFontWeight: 400,
+                startSymbolVisible: true,
+                endSymbolVisible: false,
+                textBackgroundVisible: true,
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB',
+                textBackgroundBorderWidth: 1,
+                textBackgroundBorderRadius: 0,
+                textBackgroundPadding: 2
+            });
+        const getLightAnnotationVerticalLine = ()=>getLightAnnotationHorizontalLine();
+        const getLightAnnotationArea = ()=>({
+                textColor: '#ffffff',
+                textFontSize: 12,
+                textFontWeight: 400,
+                textBackgroundVisible: true,
+                textBackgroundColor: '#364159',
+                textBackgroundBorderColor: '#3641594d',
+                textBackgroundBorderWidth: 1,
+                textBackgroundBorderRadius: 4,
+                textBackgroundPadding: 4,
+                areaColor: '#364159',
+                areaColorOpacity: 0.15,
+                areaBorderColor: '#364159',
+                areaBorderWidth: 1,
+                areaBorderRadius: 4,
+                outerPadding: 4
+            });
+        const getLightAnnotation = ()=>({
+                annotationPoint: getLightAnnotationPoint(),
+                annotationHorizontalLine: getLightAnnotationHorizontalLine(),
+                annotationVerticalLine: getLightAnnotationVerticalLine(),
+                annotationArea: getLightAnnotationArea()
+            });
+        const getDarkAnnotationPoint = ()=>({
+                textColor: '#4B4F54',
+                textBackgroundVisible: true,
+                textBackgroundColor: '#ffffff',
+                textBackgroundBorderColor: '#ffffff',
+                textFontSize: 12,
+                textFontWeight: 400,
+                textBackgroundBorderRadius: 4,
+                textBackgroundBorderWidth: 1,
+                textBackgroundPadding: 2
+            });
+        const getDarkAnnotationHorizontalLine = ()=>({
+                lineColor: '#55595F',
+                lineWidth: 1,
+                lineStyle: 'solid',
+                lineVisible: true,
+                textFontSize: 12,
+                textFontWeight: 400,
+                textBackgroundVisible: true,
+                textColor: '#E2E3E6',
+                textBackgroundColor: '#55595F',
+                textBackgroundBorderColor: '#55595F',
+                textBackgroundBorderWidth: 1,
+                textBackgroundBorderRadius: 0,
+                textBackgroundPadding: 2
+            });
+        const getDarkAnnotationVerticalLine = ()=>getDarkAnnotationHorizontalLine();
+        const getDarkAnnotationArea = ()=>({
+                textColor: '#4B4F54',
+                textFontSize: 12,
+                textFontWeight: 400,
+                textBackgroundVisible: true,
+                textBackgroundColor: '#ffffff',
+                textBackgroundBorderColor: '#ffffff',
+                textBackgroundBorderWidth: 1,
+                textBackgroundBorderRadius: 4,
+                textBackgroundPadding: 4,
+                areaColor: '#E2E3E6',
+                areaColorOpacity: 0.15,
+                areaBorderColor: '#E2E3E6',
+                areaBorderWidth: 1,
+                areaBorderRadius: 4,
+                outerPadding: 4
+            });
+        const getDarkAnnotation = ()=>({
+                annotationPoint: getDarkAnnotationPoint(),
+                annotationHorizontalLine: getDarkAnnotationHorizontalLine(),
+                annotationVerticalLine: getDarkAnnotationVerticalLine(),
+                annotationArea: getDarkAnnotationArea()
+            });
         const lightTheme = ()=>{
             const linearAxis = getLightLinearAxis();
             const bandAxis = getLightBandAxis();
@@ -9437,7 +9569,8 @@
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine,
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     column: {
                         ...baseConfig,
@@ -9450,7 +9583,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     columnParallel: {
                         ...baseConfig,
@@ -9463,7 +9597,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     columnPercent: {
                         ...baseConfig,
@@ -9478,7 +9613,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     bar: {
                         ...baseConfig,
@@ -9491,7 +9627,8 @@
                             4,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     barParallel: {
                         ...baseConfig,
@@ -9504,7 +9641,8 @@
                             4,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     barPercent: {
                         ...baseConfig,
@@ -9519,14 +9657,16 @@
                             4,
                             0
                         ],
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     area: {
                         ...baseConfig,
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine,
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     areaPercent: {
                         ...baseConfig,
@@ -9535,7 +9675,8 @@
                             ...linearAxis
                         },
                         crosshairLine,
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     scatter: {
                         ...baseConfig,
@@ -9563,7 +9704,8 @@
                             showValue: false,
                             showValuePercent: false
                         },
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     dualAxis: {
                         ...baseConfig,
@@ -9580,7 +9722,8 @@
                             secondary: 'line'
                         },
                         crosshairRect,
-                        pivotGrid: getLightPivotChartGridConfig()
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     },
                     pie: {
                         ...baseConfig,
@@ -9674,7 +9817,8 @@
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine,
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     column: {
                         ...baseConfig,
@@ -9687,7 +9831,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     columnParallel: {
                         ...baseConfig,
@@ -9700,7 +9845,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     columnPercent: {
                         ...baseConfig,
@@ -9713,7 +9859,8 @@
                             0,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     bar: {
                         ...baseConfig,
@@ -9726,7 +9873,8 @@
                             4,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     barParallel: {
                         ...baseConfig,
@@ -9739,7 +9887,8 @@
                             4,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     barPercent: {
                         ...baseConfig,
@@ -9752,21 +9901,24 @@
                             4,
                             0
                         ],
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     area: {
                         ...baseConfig,
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine,
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     areaPercent: {
                         ...baseConfig,
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine,
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     scatter: {
                         ...baseConfig,
@@ -9794,7 +9946,8 @@
                             showValue: false,
                             showValuePercent: false
                         },
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     dualAxis: {
                         ...baseConfig,
@@ -9811,7 +9964,8 @@
                             secondary: 'line'
                         },
                         crosshairRect,
-                        pivotGrid: getDarkPivotChartGridConfig()
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     },
                     pie: {
                         ...baseConfig,
@@ -13494,7 +13648,8 @@
             grid: schemas_object({
                 visible: schemas_boolean().default(false).nullish(),
                 gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
-                gridWidth: schemas_number().default(0.5).nullish()
+                gridWidth: schemas_number().default(0.5).nullish(),
+                gridLineDash: schemas_array(schemas_number()).nullish()
             }).nullish()
         });
         const zYBandAxis = zXBandAxis;
@@ -13536,7 +13691,8 @@
             grid: schemas_object({
                 visible: schemas_boolean().default(false).nullish(),
                 gridColor: schemas_string().default('rgba(54, 65, 89, 0.15)').nullish(),
-                gridWidth: schemas_number().default(0.5).nullish()
+                gridWidth: schemas_number().default(0.5).nullish(),
+                gridLineDash: schemas_array(schemas_number()).nullish()
             }).nullish()
         });
         const zYLinearAxis = zXLinearAxis;
@@ -13545,7 +13701,8 @@
             lineColor: schemas_string().nullish(),
             labelColor: schemas_string().nullish(),
             labelVisible: schemas_boolean().nullish(),
-            labelBackgroundColor: schemas_string().nullish()
+            labelBackgroundColor: schemas_string().nullish(),
+            lineDash: schemas_array(schemas_number()).nullish()
         });
         const zCrosshairRect = schemas_object({
             visible: schemas_boolean().nullish(),
@@ -13674,6 +13831,231 @@
         const zTooltip = schemas_object({
             enable: schemas_boolean().default(true).nullish()
         });
+        const zSelector = union([
+            schemas_string(),
+            schemas_number(),
+            schemas_object({
+                field: schemas_string(),
+                operator: schemas_enum([
+                    '=',
+                    '==',
+                    '!=',
+                    '>',
+                    '<',
+                    '>=',
+                    '<=',
+                    'between'
+                ]).nullish(),
+                op: schemas_enum([
+                    '=',
+                    '==',
+                    '!=',
+                    '>',
+                    '<',
+                    '>=',
+                    '<=',
+                    'between'
+                ]).nullish(),
+                value: union([
+                    schemas_string(),
+                    schemas_number(),
+                    schemas_array(union([
+                        schemas_string(),
+                        schemas_number()
+                    ]))
+                ])
+            }),
+            schemas_object({
+                field: schemas_string(),
+                operator: schemas_enum([
+                    'in',
+                    'not in'
+                ]).nullish(),
+                op: schemas_enum([
+                    'in',
+                    'not in'
+                ]).nullish(),
+                value: union([
+                    schemas_string(),
+                    schemas_number(),
+                    schemas_array(union([
+                        schemas_string(),
+                        schemas_number()
+                    ]))
+                ])
+            })
+        ]);
+        const zSelectors = schemas_array(zSelector);
+        const zAnnotationPoint = schemas_object({
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
+            textAlign: schemas_enum([
+                'left',
+                'right',
+                'center'
+            ]).default('center').nullish(),
+            textBaseline: schemas_enum([
+                'top',
+                'middle',
+                'bottom'
+            ]).default('middle').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderColor: schemas_string().nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundPadding: schemas_number().nullish(),
+            offsetY: schemas_number().default(0).nullish(),
+            offsetX: schemas_number().default(0).nullish()
+        });
+        const zAnnotationHorizontalLine = schemas_object({
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).nullish(),
+            yValue: union([
+                schemas_number(),
+                schemas_string(),
+                schemas_array(union([
+                    schemas_number(),
+                    schemas_string()
+                ]))
+            ]).nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
+            textPosition: schemas_enum([
+                'outsideStart',
+                'outsideEnd',
+                'outsideMiddle',
+                'insideStart',
+                'insideMiddle',
+                'insideEnd'
+            ]).default('insideEnd').nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
+            textAlign: schemas_enum([
+                'left',
+                'right',
+                'center'
+            ]).default('right').nullish(),
+            textBaseline: schemas_enum([
+                'top',
+                'middle',
+                'bottom'
+            ]).default('top').nullish(),
+            lineVisible: schemas_boolean().default(true).nullish(),
+            lineColor: schemas_string().default('#212121').nullish(),
+            lineWidth: schemas_number().default(1).nullish(),
+            lineStyle: union([
+                literal('solid'),
+                literal('dashed'),
+                literal('dotted')
+            ]).default('dashed').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderColor: schemas_string().default('#212121').nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundPadding: schemas_number().default(2).nullish()
+        });
+        const zAnnotationArea = schemas_object({
+            selector: union([
+                zSelector,
+                zSelectors
+            ]).nullish(),
+            textPosition: schemas_enum([
+                'top',
+                'topRight',
+                'topLeft',
+                'bottom',
+                'bottomLeft',
+                'bottomRight',
+                'left',
+                'right'
+            ]).default('top').nullish(),
+            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
+            textColor: schemas_string().default('#ffffff').nullish(),
+            textFontSize: schemas_number().default(12).nullish(),
+            textFontWeight: schemas_number().default(400).nullish(),
+            textAlign: schemas_enum([
+                'left',
+                'right',
+                'center'
+            ]).default('center').nullish(),
+            textBaseline: schemas_enum([
+                'top',
+                'middle',
+                'bottom'
+            ]).default('top').nullish(),
+            textBackgroundVisible: schemas_boolean().default(true).nullish(),
+            textBackgroundColor: schemas_string().default('#191d24').nullish(),
+            textBackgroundBorderColor: schemas_string().default('#191d24').nullish(),
+            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
+            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
+            textBackgroundPadding: schemas_number().default(4).nullish(),
+            areaColor: schemas_string().default('#888888').nullish(),
+            areaColorOpacity: schemas_number().default(0.15).nullish(),
+            areaBorderColor: schemas_string().default('#888888').nullish(),
+            areaBorderWidth: schemas_number().default(1).nullish(),
+            areaBorderRadius: schemas_number().default(4).nullish(),
+            outerPadding: schemas_number().default(4).nullish()
+        });
+        const zAnnotationPointConfig = zAnnotationPoint.omit({
+            selector: true,
+            text: true
+        }).partial();
+        const zAnnotationHorizontalLineConfig = zAnnotationHorizontalLine.pick({
+            lineColor: true,
+            lineWidth: true,
+            lineVisible: true,
+            lineStyle: true,
+            textBackgroundVisible: true,
+            textColor: true,
+            textFontSize: true,
+            textFontWeight: true,
+            textBackgroundColor: true,
+            textBackgroundBorderColor: true,
+            textBackgroundBorderWidth: true,
+            textBackgroundBorderRadius: true,
+            textBackgroundPadding: true
+        }).extend({
+            endSymbolVisible: schemas_boolean().nullish(),
+            endSymbolType: schemas_string().nullish(),
+            endSymbolSize: schemas_number().nullish(),
+            startSymbolVisible: schemas_boolean().nullish(),
+            startSymbolType: schemas_string().nullish(),
+            startSymbolSize: schemas_number().nullish()
+        }).partial();
+        const zAnnotationVerticalLineConfig = zAnnotationHorizontalLineConfig.clone();
+        const zAnnotationAreaConfig = zAnnotationArea.pick({
+            textColor: true,
+            textFontSize: true,
+            textFontWeight: true,
+            textBackgroundVisible: true,
+            textBackgroundColor: true,
+            textBackgroundBorderColor: true,
+            textBackgroundBorderWidth: true,
+            textBackgroundBorderRadius: true,
+            textBackgroundPadding: true,
+            areaColor: true,
+            areaColorOpacity: true,
+            areaBorderColor: true,
+            areaBorderWidth: true,
+            areaBorderRadius: true,
+            outerPadding: true
+        }).partial();
+        const zAnnotaionConfig = schemas_object({
+            annotationPoint: zAnnotationPointConfig.nullish(),
+            annotationHorizontalLine: zAnnotationHorizontalLineConfig.nullish(),
+            annotationVerticalLine: zAnnotationVerticalLineConfig.nullish(),
+            annotationArea: zAnnotationAreaConfig.nullish()
+        });
         const zTableConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
             borderColor: schemas_string().nullish(),
@@ -13708,7 +14090,8 @@
             xAxis: zXBandAxis.nullish(),
             yAxis: zYLinearAxis.nullish(),
             crosshairLine: zCrosshairLine.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zColumnConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -13720,7 +14103,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zColumnParallelConfig = zColumnConfig;
         const zColumnPercentConfig = zColumnConfig;
@@ -13734,7 +14118,8 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zBarParallelConfig = zBarConfig;
         const zBarPercentConfig = zBarConfig;
@@ -13747,7 +14132,8 @@
             xAxis: zXBandAxis.nullish(),
             yAxis: zYLinearAxis.nullish(),
             crosshairLine: zCrosshairLine.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zAreaPercentConfig = zAreaConfig;
         const zDualAxisConfig = schemas_object({
@@ -13762,7 +14148,8 @@
             secondaryYAxis: schemas_array(zYLinearAxis).or(zYLinearAxis).nullish(),
             xAxis: zXBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zScatterConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -13775,7 +14162,8 @@
             crosshairLine: zCrosshairLine.nullish(),
             size: schemas_number().or(schemas_array(schemas_number())).nullish(),
             sizeRange: schemas_number().or(schemas_array(schemas_number())).nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotaionConfig.nullish()
         });
         const zRoseConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -13792,7 +14180,8 @@
             color: zColor.nullish(),
             tooltip: zTooltip.nullish(),
             legend: zLegend.nullish(),
-            pivotGrid: zPivotChartGridConfig.nullish()
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            cornerRadius: schemas_number().nullish()
         });
         const zDonutConfig = zPieConfig;
         const zRadarConfig = zPieConfig;
@@ -13825,61 +14214,6 @@
         });
         const zCustomTheme = record(schemas_string(), zCustomThemeConfig).nullish();
         const zTheme = schemas_string();
-        const zSelector = union([
-            schemas_string(),
-            schemas_number(),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                op: schemas_enum([
-                    '=',
-                    '==',
-                    '!=',
-                    '>',
-                    '<',
-                    '>=',
-                    '<=',
-                    'between'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            }),
-            schemas_object({
-                field: schemas_string(),
-                operator: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                op: schemas_enum([
-                    'in',
-                    'not in'
-                ]).nullish(),
-                value: union([
-                    schemas_string(),
-                    schemas_number(),
-                    schemas_array(union([
-                        schemas_string(),
-                        schemas_number()
-                    ]))
-                ])
-            })
-        ]);
-        const zSelectors = schemas_array(zSelector);
         const zBarStyle = schemas_object({
             selector: union([
                 zSelector,
@@ -13952,34 +14286,6 @@
             lineStyle: zLineStyle.or(schemas_array(zLineStyle)).nullish(),
             areaStyle: zAreaStyle.or(schemas_array(zAreaStyle)).nullish()
         });
-        const zAnnotationPoint = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
-            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
-            textColor: schemas_string().default('#ffffff').nullish(),
-            textFontSize: schemas_number().default(12).nullish(),
-            textFontWeight: schemas_number().default(400).nullish(),
-            textAlign: schemas_enum([
-                'left',
-                'right',
-                'center'
-            ]).default('center').nullish(),
-            textBaseline: schemas_enum([
-                'top',
-                'middle',
-                'bottom'
-            ]).default('middle').nullish(),
-            textBackgroundVisible: schemas_boolean().default(true).nullish(),
-            textBackgroundColor: schemas_string().default('#212121').nullish(),
-            textBackgroundBorderColor: schemas_string().nullish(),
-            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
-            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
-            textBackgroundPadding: schemas_number().nullish(),
-            offsetY: schemas_number().default(0).nullish(),
-            offsetX: schemas_number().default(0).nullish()
-        });
         const zAnnotationVerticalLine = schemas_object({
             selector: union([
                 zSelector,
@@ -14030,98 +14336,6 @@
                 literal('dotted')
             ]).default('dashed').nullish()
         });
-        const zAnnotationHorizontalLine = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
-            yValue: union([
-                schemas_number(),
-                schemas_string(),
-                schemas_array(union([
-                    schemas_number(),
-                    schemas_string()
-                ]))
-            ]).nullish(),
-            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
-            textPosition: schemas_enum([
-                'outsideStart',
-                'outsideEnd',
-                'outsideMiddle',
-                'insideStart',
-                'insideMiddle',
-                'insideEnd'
-            ]).default('insideEnd').nullish(),
-            textColor: schemas_string().default('#ffffff').nullish(),
-            textFontSize: schemas_number().default(12).nullish(),
-            textFontWeight: schemas_number().default(400).nullish(),
-            textAlign: schemas_enum([
-                'left',
-                'right',
-                'center'
-            ]).default('right').nullish(),
-            textBaseline: schemas_enum([
-                'top',
-                'middle',
-                'bottom'
-            ]).default('top').nullish(),
-            lineVisible: schemas_boolean().default(true).nullish(),
-            lineColor: schemas_string().default('#212121').nullish(),
-            lineWidth: schemas_number().default(1).nullish(),
-            lineStyle: union([
-                literal('solid'),
-                literal('dashed'),
-                literal('dotted')
-            ]).default('dashed').nullish(),
-            textBackgroundVisible: schemas_boolean().default(true).nullish(),
-            textBackgroundColor: schemas_string().default('#212121').nullish(),
-            textBackgroundBorderColor: schemas_string().default('#212121').nullish(),
-            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
-            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
-            textBackgroundPadding: schemas_number().default(2).nullish()
-        });
-        const zAnnotationArea = schemas_object({
-            selector: union([
-                zSelector,
-                zSelectors
-            ]).nullish(),
-            textPosition: schemas_enum([
-                'top',
-                'topRight',
-                'topLeft',
-                'bottom',
-                'bottomLeft',
-                'bottomRight',
-                'left',
-                'right'
-            ]).default('top').nullish(),
-            text: schemas_string().or(schemas_array(schemas_string())).nullish(),
-            textColor: schemas_string().default('#ffffff').nullish(),
-            textFontSize: schemas_number().default(12).nullish(),
-            textFontWeight: schemas_number().default(400).nullish(),
-            textAlign: schemas_enum([
-                'left',
-                'right',
-                'center'
-            ]).default('center').nullish(),
-            textBaseline: schemas_enum([
-                'top',
-                'middle',
-                'bottom'
-            ]).default('top').nullish(),
-            textBackgroundVisible: schemas_boolean().default(true).nullish(),
-            textBackgroundColor: schemas_string().default('#191d24').nullish(),
-            textBackgroundBorderColor: schemas_string().default('#191d24').nullish(),
-            textBackgroundBorderWidth: schemas_number().default(1).nullish(),
-            textBackgroundBorderRadius: schemas_number().default(4).nullish(),
-            textBackgroundPadding: schemas_number().default(4).nullish(),
-            areaColor: schemas_string().default('#888888').nullish(),
-            areaColorOpacity: schemas_number().default(0.15).nullish(),
-            areaBorderColor: schemas_string().default('#888888').nullish(),
-            areaBorderWidth: schemas_number().default(1).nullish(),
-            areaBorderRadius: schemas_number().default(4).nullish(),
-            outerPadding: schemas_number().default(4).nullish()
-        });
         const zAnnotation = schemas_object({
             annotationPoint: zAnnotationPoint.or(schemas_array(zAnnotationPoint)).nullish(),
             annotationVerticalLine: zAnnotationVerticalLine.or(schemas_array(zAnnotationVerticalLine)).nullish(),