@visactor/vseed 0.0.31 → 0.0.33

package/dist/builder/builder/builder.d.ts

@@ -3240,8 +3240,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -3282,8 +3282,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -3325,8 +3325,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -3367,8 +3367,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -3408,7 +3408,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -3451,7 +3451,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -9548,8 +9548,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -9590,8 +9590,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -9633,8 +9633,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -9675,8 +9675,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -9716,7 +9716,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -9759,7 +9759,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -13002,8 +13002,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -13044,8 +13044,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -13087,8 +13087,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -13129,8 +13129,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -13170,7 +13170,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -13213,7 +13213,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;

package/dist/index.cjs

@@ -400,7 +400,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = measures;
         return result;
     }
@@ -480,7 +480,7 @@ const autoDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         result.dimensions = dimensions;
         return result;
     }
@@ -777,7 +777,7 @@ const autoPivotMeasures = (advancedVSeed, context)=>{
     const measures = findAllMeasures(vseed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = findAllMeasures(measures);
         return result;
     }
@@ -840,7 +840,7 @@ const autoPivotDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         const newDimensions = findAllDimensions(dimensions);
         result.dimensions = newDimensions.map((item, index)=>{
             if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
@@ -1431,7 +1431,7 @@ const encodingXY = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -2179,7 +2179,7 @@ const discreteLegend = (spec, context)=>{
     const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.legend) return result;
     const { legend } = baseConfig;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -2221,8 +2221,8 @@ const discreteLegend = (spec, context)=>{
     result.legends = {
         type: 'discrete',
         visible: enable,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         autoPage: true,
         orient,
         position: legendPosition,
@@ -2236,7 +2236,7 @@ const discreteLegend = (spec, context)=>{
             }) : void 0,
         item: {
             focus: true,
-            maxWidth: 260,
+            maxWidth: '30%',
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -2528,7 +2528,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return selectedData.map((datum)=>({
@@ -2560,7 +2560,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             stroke: backgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
-                            fontWeight: textFontWeight
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
                         },
                         labelBackground: {
                             visible: backgroundVisible,
@@ -2569,7 +2570,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth,
+                                dy: textFontSize
                             }
                         }
                     }
@@ -2598,7 +2600,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundVisible = true, backgroundBorderColor = '#212121', backgroundColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
@@ -2640,6 +2642,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                         visible: backgroundVisible,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
@@ -2649,6 +2652,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
                         dy: 4,
                         fill: lineColor
@@ -2695,7 +2699,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'bottom', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        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, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
@@ -2737,6 +2741,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                         visible: backgroundVisible,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
@@ -2746,6 +2751,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
                         dx: -4,
                         fill: lineColor
@@ -2794,7 +2800,7 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX = 0, offsetY = 0 } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -2864,6 +2870,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -2876,6 +2883,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3169,7 +3177,7 @@ const pivotDiscreteLegend = (spec, context)=>{
         }), {});
     const { legend, color } = baseConfig;
     const { colorScheme } = color;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -3213,8 +3221,8 @@ const pivotDiscreteLegend = (spec, context)=>{
         type: 'discrete',
         orient,
         position: legendPosition,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         data: colorItems.map((d, index)=>({
                 label: d,
                 shape: {
@@ -3228,7 +3236,7 @@ const pivotDiscreteLegend = (spec, context)=>{
             })),
         item: {
             focus: true,
-            maxWidth: 260,
+            maxWidth: '30%',
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -3631,7 +3639,7 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX, offsetY } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -3705,6 +3713,7 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: backgroundColor,
@@ -3717,6 +3726,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3978,7 +3988,7 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -4898,8 +4908,8 @@ const encodingXYY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const { datasetReshapeInfo, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !measures) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
         const measure = measures[index];
         if ('children' in measure) {
@@ -5634,8 +5644,8 @@ const encodingPie = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const radius = [
@@ -5854,7 +5864,7 @@ const encodingRose = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const is1D1M = 1 === dimensions.length && 1 === measures.length;
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
@@ -6168,7 +6178,7 @@ const encodingAR = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -6341,8 +6351,8 @@ const encodingFunnel = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const size = [
@@ -6554,7 +6564,7 @@ const encodingMatrix = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -8052,20 +8062,20 @@ const zAnnotationVerticalLine = external_zod_namespaceObject.z.object({
         'middle',
         'bottom'
     ]).default('top').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8090,7 +8100,7 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideMiddle').optional(),
+    ]).default('insideEnd').optional(),
     textColor: external_zod_namespaceObject.z.string().default('#ffffff').optional(),
     textFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
     textFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
@@ -8098,26 +8108,26 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('right').optional(),
     textBaseline: external_zod_namespaceObject.z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('bottom').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    ]).default('top').optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8149,21 +8159,21 @@ const zAnnotationArea = external_zod_namespaceObject.z.object({
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
+    ]).default('top').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
+    backgroundColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
     backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
-    areaColor: external_zod_namespaceObject.z.string().default('red').optional(),
-    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.5).optional(),
-    areaBorderColor: external_zod_namespaceObject.z.number().optional(),
-    areaBorderWidth: external_zod_namespaceObject.z.number().default(2).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    areaColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.15).optional(),
+    areaBorderColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     areaBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    outerPadding: external_zod_namespaceObject.z.number().optional(),
-    offsetX: external_zod_namespaceObject.z.number().optional(),
-    offsetY: external_zod_namespaceObject.z.number().optional()
+    outerPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    offsetX: external_zod_namespaceObject.z.number().default(0).optional(),
+    offsetY: external_zod_namespaceObject.z.number().default(0).optional()
 });
 const zAnnotation = external_zod_namespaceObject.z.object({
     annotationPoint: zAnnotationPoint.or(external_zod_namespaceObject.z.array(zAnnotationPoint)).optional(),