@visactor/vseed 0.0.37 → 0.0.38

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

@@ -1370,6 +1370,7 @@ export declare class Builder implements VSeedBuilder {
                     primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                 }[] | null | undefined;
+                alignTicks?: boolean | boolean[] | null | undefined;
                 primaryYAxis?: {
                     visible?: boolean | null | undefined;
                     min?: number | null | undefined;
@@ -3230,6 +3231,7 @@ export declare class Builder implements VSeedBuilder {
                         primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                         secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     }[] | null | undefined;
+                    alignTicks?: boolean | boolean[] | null | undefined;
                     primaryYAxis?: {
                         visible?: boolean | null | undefined;
                         min?: number | null | undefined;
@@ -3673,8 +3675,6 @@ export declare class Builder implements VSeedBuilder {
                 offsetX?: number | null | undefined;
             }[] | null | undefined;
             annotationVerticalLine?: {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -3715,8 +3715,6 @@ export declare class Builder implements VSeedBuilder {
                 lineWidth?: number | null | undefined;
                 lineStyle?: "solid" | "dashed" | "dotted" | null | undefined;
             } | {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -3758,8 +3756,6 @@ export declare class Builder implements VSeedBuilder {
                 lineStyle?: "solid" | "dashed" | "dotted" | null | undefined;
             }[] | null | undefined;
             annotationHorizontalLine?: {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -3800,8 +3796,6 @@ export declare class Builder implements VSeedBuilder {
                 textBackgroundBorderWidth?: number | null | undefined;
                 textBackgroundPadding?: number | null | undefined;
             } | {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -3883,8 +3877,6 @@ export declare class Builder implements VSeedBuilder {
                 areaBorderWidth?: number | null | undefined;
                 areaBorderRadius?: number | null | undefined;
                 outerPadding?: number | null | undefined;
-                offsetX?: number | null | undefined;
-                offsetY?: number | null | undefined;
             } | {
                 selector: string | number | {
                     field: string;
@@ -3926,8 +3918,6 @@ export declare class Builder implements VSeedBuilder {
                 areaBorderWidth?: number | null | undefined;
                 areaBorderRadius?: number | null | undefined;
                 outerPadding?: number | null | undefined;
-                offsetX?: number | null | undefined;
-                offsetY?: number | null | undefined;
             }[] | null | undefined;
         };
         locale: "zh-CN" | "en-US";
@@ -5262,6 +5252,7 @@ export declare class Builder implements VSeedBuilder {
                     primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                 }[] | null | undefined;
+                alignTicks?: boolean | boolean[] | null | undefined;
                 primaryYAxis?: {
                     visible?: boolean | null | undefined;
                     min?: number | null | undefined;
@@ -7122,6 +7113,7 @@ export declare class Builder implements VSeedBuilder {
                         primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                         secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     }[] | null | undefined;
+                    alignTicks?: boolean | boolean[] | null | undefined;
                     primaryYAxis?: {
                         visible?: boolean | null | undefined;
                         min?: number | null | undefined;
@@ -7565,8 +7557,6 @@ export declare class Builder implements VSeedBuilder {
                 offsetX?: number | null | undefined;
             }[] | null | undefined;
             annotationVerticalLine?: {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -7607,8 +7597,6 @@ export declare class Builder implements VSeedBuilder {
                 lineWidth?: number | null | undefined;
                 lineStyle?: "solid" | "dashed" | "dotted" | null | undefined;
             } | {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -7650,8 +7638,6 @@ export declare class Builder implements VSeedBuilder {
                 lineStyle?: "solid" | "dashed" | "dotted" | null | undefined;
             }[] | null | undefined;
             annotationHorizontalLine?: {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -7692,8 +7678,6 @@ export declare class Builder implements VSeedBuilder {
                 textBackgroundBorderWidth?: number | null | undefined;
                 textBackgroundPadding?: number | null | undefined;
             } | {
-                offsetX: number;
-                offsetY: number;
                 selector?: string | number | {
                     field: string;
                     value: string | number | (string | number)[];
@@ -7775,8 +7759,6 @@ export declare class Builder implements VSeedBuilder {
                 areaBorderWidth?: number | null | undefined;
                 areaBorderRadius?: number | null | undefined;
                 outerPadding?: number | null | undefined;
-                offsetX?: number | null | undefined;
-                offsetY?: number | null | undefined;
             } | {
                 selector: string | number | {
                     field: string;
@@ -7818,8 +7800,6 @@ export declare class Builder implements VSeedBuilder {
                 areaBorderWidth?: number | null | undefined;
                 areaBorderRadius?: number | null | undefined;
                 outerPadding?: number | null | undefined;
-                offsetX?: number | null | undefined;
-                offsetY?: number | null | undefined;
             }[] | null | undefined;
         };
         locale: "zh-CN" | "en-US";
@@ -9131,6 +9111,7 @@ export declare class Builder implements VSeedBuilder {
                     primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                 }[] | null | undefined;
+                alignTicks?: boolean | boolean[] | null | undefined;
                 primaryYAxis?: {
                     visible?: boolean | null | undefined;
                     min?: number | null | undefined;
@@ -10773,6 +10754,7 @@ export declare class Builder implements VSeedBuilder {
                     primary: "line" | "column" | "columnParallel" | "area" | "scatter";
                     secondary: "line" | "column" | "columnParallel" | "area" | "scatter";
                 }[] | null | undefined;
+                alignTicks?: boolean | boolean[] | null | undefined;
                 primaryYAxis?: {
                     visible?: boolean | null | undefined;
                     min?: number | null | undefined;

package/dist/index.cjs

@@ -1085,6 +1085,9 @@ const initPivotTable = (spec, context)=>{
         tooltip: {
             isShowOverflowTextTooltip: true
         },
+        corner: {
+            titleOnDimension: 'all'
+        },
         widthAdaptiveMode: 'all',
         animationAppear: {
             duration: 300,
@@ -1947,22 +1950,44 @@ const color_color = (spec, context)=>{
     const colorIdMap = unfoldInfo.colorIdMap;
     const { color } = baseConfig;
     const { colorScheme, colorMapping } = color;
-    const mappingList = [];
-    if (colorMapping) Object.entries(colorMapping).sort((a, b)=>a[0].split(Separator).length - b[0].split(Separator).length).forEach(([key, value])=>{
-        const idMap = Object.entries(colorIdMap).filter(([_, v])=>v.includes(key));
-        for (const [colorId] of idMap)mappingList.push([
-            colorId,
-            value
-        ]);
-    });
     result.color = {
         type: 'ordinal',
         domain: colorItems,
         range: colorScheme,
-        specified: Object.fromEntries(mappingList)
+        specified: createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems)
     };
     return result;
 };
+const createSpecifiedForColorMapping = (colorMapping, colorIdMap, colorItems)=>{
+    if (!colorMapping || !colorIdMap || !colorItems) return;
+    const matchedList = [];
+    const colors = Object.entries(colorMapping).sort((a, b)=>b[0].length - a[0].length);
+    const accurateMap = colors.reduce((prev, cur)=>{
+        const name = cur[0];
+        const colorValue = cur[1];
+        const accurateMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorAlias])=>colorKey === name || colorAlias === name);
+        accurateMatchedList.forEach((item)=>{
+            prev[item[0]] = colorValue;
+            matchedList.push(name);
+        });
+        return prev;
+    }, {});
+    const fuzzyMap = colors.reduce((prev, cur)=>{
+        const name = cur[0];
+        const colorValue = cur[1];
+        if (matchedList.includes(name)) return prev;
+        const fuzzyMatchedList = Object.entries(colorIdMap).filter(([colorKey, colorAlias])=>colorKey.includes(name) || colorAlias.includes(name));
+        fuzzyMatchedList.forEach((item)=>{
+            if (prev[item[0]]) return;
+            prev[item[0]] = colorValue;
+        });
+        return prev;
+    }, {});
+    return {
+        ...fuzzyMap,
+        ...accurateMap
+    };
+};
 const background_backgroundColor = (spec, context)=>{
     const result = {
         ...spec
@@ -2129,6 +2154,8 @@ const xBand = (spec, context)=>{
 };
 const ANNOTATION_Z_INDEX = 1000;
 const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
+const DUAL_AXIS_CHART_COLUMN_Z_INDEX = 1000;
+const DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX = 1001;
 const yLinear = (spec, context)=>{
     const result = {
         ...spec
@@ -2622,7 +2649,12 @@ const pointStateDimensionHover = (spec)=>{
                 ...point.state || {},
                 dimension_hover: {
                     scaleX: 1.4,
-                    scaleY: 1.4
+                    scaleY: 1.4,
+                    outerBorder: {
+                        lineWidth: 4,
+                        strokeOpacity: 0.25,
+                        distance: 2
+                    }
                 }
             }
         }
@@ -2797,13 +2829,11 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         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', offsetX = 0, offsetY = 0 } = 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 dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
                 zIndex: ANNOTATION_Z_INDEX,
-                offsetX,
-                offsetY,
                 line: {
                     style: {
                         visible: lineVisible,
@@ -2896,12 +2926,10 @@ 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 = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, 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, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
-                offsetX,
-                offsetY,
                 zIndex: ANNOTATION_Z_INDEX,
                 line: {
                     style: {
@@ -2997,7 +3025,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', 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, offsetX = 0, offsetY = 0 } = 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 dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         const labelPosition = positionMap[textPosition || 'top'];
@@ -3005,8 +3033,6 @@ const annotationArea_annotationArea = (spec, context)=>{
         return {
             zIndex: ANNOTATION_Z_INDEX,
             regionRelative: true,
-            offsetX,
-            offsetY,
             positions: (data, context)=>{
                 const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
                 const xyList = positionData.map((datum)=>context.dataToPosition(datum));
@@ -3426,11 +3452,11 @@ const pivotDiscreteLegend = (spec, context)=>{
                 label: d,
                 shape: {
                     outerBorder: border ? {
-                        stroke: colorScheme?.[index],
+                        stroke: colorScheme?.[index % colorScheme.length],
                         distance: 3,
                         lineWidth: 1
                     } : void 0,
-                    fill: colorScheme?.[index]
+                    fill: colorScheme?.[index % colorScheme.length]
                 }
             })),
         item: {
@@ -3843,14 +3869,12 @@ 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', 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, offsetX = 0, offsetY = 0 } = 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 dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
             zIndex: ANNOTATION_Z_INDEX,
             regionRelative: true,
-            offsetX,
-            offsetY,
             positions: (data, context)=>{
                 const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
                 const xyList = positionData.map((datum)=>context.dataToPosition(datum));
@@ -5925,6 +5949,7 @@ const dualAxisConfig = (advancedVSeed, context)=>{
         'legend',
         'tooltip',
         'dualChartType',
+        'alignTicks',
         'primaryYAxis',
         'secondaryYAxis',
         'crosshairLine'
@@ -6077,7 +6102,8 @@ const initDualAxisSecondary = (spec, context)=>{
 };
 const dualChartTypePrimary = (spec, context)=>{
     const result = {
-        ...spec
+        ...spec,
+        zIndex: DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX
     };
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
@@ -6088,12 +6114,16 @@ const dualChartTypePrimary = (spec, context)=>{
         secondary: 'line'
     };
     const primary = Array.isArray(config) ? config[index].primary || config[0].primary : config.primary;
-    switch(primary){
+    const secondary = Array.isArray(config) ? config[index].secondary || config[0].secondary : config.secondary;
+    const bothColumn = 'column' === primary && 'column' === secondary;
+    const type = bothColumn ? 'columnParallel' : primary;
+    switch(type){
         case 'line':
             result.type = 'line';
             break;
         case 'column':
             result.type = 'bar';
+            result.zIndex = DUAL_AXIS_CHART_COLUMN_Z_INDEX;
             break;
         case 'columnParallel':
             {
@@ -6104,6 +6134,7 @@ const dualChartTypePrimary = (spec, context)=>{
                     datasetReshapeInfo[0].unfoldInfo.groupId
                 ];
                 columnSpec.type = 'bar';
+                result.zIndex = DUAL_AXIS_CHART_COLUMN_Z_INDEX;
                 break;
             }
         case 'columnPercent':
@@ -6127,7 +6158,8 @@ const dualChartTypePrimary = (spec, context)=>{
 };
 const dualChartTypeSecondary = (spec, context)=>{
     const result = {
-        ...spec
+        ...spec,
+        zIndex: DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX
     };
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
@@ -6137,13 +6169,17 @@ const dualChartTypeSecondary = (spec, context)=>{
         secondary: 'line'
     };
     const index = datasetReshapeInfo[0].index;
+    const primary = Array.isArray(config) ? config[index].primary || config[0].primary : config.primary;
     const secondary = Array.isArray(config) ? config[index].secondary || config[0].secondary : config.secondary;
-    switch(secondary){
+    const bothColumn = 'column' === primary && 'column' === secondary;
+    const type = bothColumn ? 'columnParallel' : secondary;
+    switch(type){
         case 'line':
             result.type = 'line';
             break;
         case 'column':
             result.type = 'bar';
+            result.zIndex = DUAL_AXIS_CHART_COLUMN_Z_INDEX;
             break;
         case 'columnParallel':
             {
@@ -6154,6 +6190,7 @@ const dualChartTypeSecondary = (spec, context)=>{
                     datasetReshapeInfo[0].unfoldInfo.groupId
                 ];
                 columnSpec.type = 'bar';
+                result.zIndex = DUAL_AXIS_CHART_COLUMN_Z_INDEX;
                 break;
             }
         case 'columnPercent':
@@ -6492,12 +6529,18 @@ const yLinearPrimary = (spec, context)=>{
     const { locale, datasetReshapeInfo } = advancedVSeed;
     const index = datasetReshapeInfo[0].index;
     const primaryYAxis = advancedVSeed.config?.[chartType]?.primaryYAxis;
-    const config = Array.isArray(primaryYAxis) ? primaryYAxis[index] || primaryYAxis[0] : primaryYAxis;
+    const yAxisConfig = Array.isArray(primaryYAxis) ? primaryYAxis[index] || primaryYAxis[0] : primaryYAxis;
+    const alignTicks = advancedVSeed.config?.[chartType]?.alignTicks;
+    const alignTicksConfig = Array.isArray(alignTicks) ? alignTicks[index] || alignTicks[0] : alignTicks;
     if (datasetReshapeInfo[0].foldInfoList?.[0] && (0, external_remeda_namespaceObject.isEmpty)(datasetReshapeInfo[0].foldInfoList[0].foldMap)) return result;
     const id = `${datasetReshapeInfo[0].id}-primary-axis`;
-    const seriesId = `${datasetReshapeInfo[0].id}-primary-series`;
+    const seriesIds = [
+        `${datasetReshapeInfo[0].id}-primary-series`,
+        `${datasetReshapeInfo[0].id}-secondary-series`
+    ];
+    const seriesId = alignTicksConfig ? seriesIds : seriesIds[0];
     if (!result.axes) result.axes = [];
-    if (!config) {
+    if (!yAxisConfig) {
         result.axes = [
             ...result.axes,
             {
@@ -6505,26 +6548,16 @@ const yLinearPrimary = (spec, context)=>{
                 id,
                 seriesId,
                 type: 'linear',
-                orient: 'left',
-                sync: {
-                    axisId: `${datasetReshapeInfo[0].id}-secondary-axis`,
-                    tickAlign: false,
-                    zeroAlign: true
-                }
+                orient: 'left'
             }
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = yAxisConfig;
     const linearAxis = {
         visible,
         id,
         seriesId,
-        sync: {
-            axisId: `${datasetReshapeInfo[0].id}-secondary-axis`,
-            tickAlign: false,
-            zeroAlign: true
-        },
         type: log ? 'log' : 'linear',
         base: logBase,
         orient: 'left',
@@ -6593,12 +6626,22 @@ const yLinearSecondary = (spec, context)=>{
     const { locale, datasetReshapeInfo } = advancedVSeed;
     const index = datasetReshapeInfo[0].index;
     const secondaryYAxis = advancedVSeed.config?.[chartType]?.secondaryYAxis;
-    const config = Array.isArray(secondaryYAxis) ? secondaryYAxis[index] || secondaryYAxis[0] : secondaryYAxis;
+    const yAxisConfig = Array.isArray(secondaryYAxis) ? secondaryYAxis[index] || secondaryYAxis[0] : secondaryYAxis;
+    const alignTicks = advancedVSeed.config?.[chartType]?.alignTicks;
+    const alignTicksConfig = Array.isArray(alignTicks) ? alignTicks[index] || alignTicks[0] : alignTicks;
     if ((0, external_remeda_namespaceObject.isNullish)(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
+    const sync = {
+        axisId: `${datasetReshapeInfo[0].id}-primary-axis`,
+        zeroAlign: true
+    };
     const id = `${datasetReshapeInfo[0].id}-secondary-axis`;
-    const seriesId = `${datasetReshapeInfo[0].id}-secondary-series`;
+    const seriesIds = [
+        `${datasetReshapeInfo[0].id}-primary-series`,
+        `${datasetReshapeInfo[0].id}-secondary-series`
+    ];
+    const seriesId = alignTicksConfig ? seriesIds : seriesIds[1];
     if (!result.axes) result.axes = [];
-    if (!config) {
+    if (!yAxisConfig) {
         result.axes = [
             ...result.axes,
             {
@@ -6606,16 +6649,18 @@ const yLinearSecondary = (spec, context)=>{
                 id,
                 seriesId,
                 type: 'linear',
-                orient: 'right'
+                orient: 'right',
+                sync
             }
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = yAxisConfig;
     const linearAxis = {
         visible,
         id,
         seriesId,
+        sync,
         type: log ? 'log' : 'linear',
         base: logBase,
         orient: 'right',
@@ -9083,6 +9128,7 @@ const zDualAxisConfig = external_zod_namespaceObject.z.object({
     tooltip: zTooltip.nullish(),
     legend: zLegend.nullish(),
     dualChartType: external_zod_namespaceObject.z.array(zDualChartType).or(zDualChartType).nullish(),
+    alignTicks: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.boolean()).or(external_zod_namespaceObject.z.boolean()).nullish(),
     primaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
     secondaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
     xAxis: zXBandAxis.nullish(),
@@ -9394,9 +9440,7 @@ const zAnnotationVerticalLine = external_zod_namespaceObject.z.object({
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).default('dashed').nullish(),
-    offsetX: external_zod_namespaceObject.z.number().default(0),
-    offsetY: external_zod_namespaceObject.z.number().default(0)
+    ]).default('dashed').nullish()
 });
 const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
     selector: external_zod_namespaceObject.z.union([
@@ -9446,9 +9490,7 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
     textBackgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').nullish(),
     textBackgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).nullish(),
     textBackgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).nullish(),
-    textBackgroundPadding: external_zod_namespaceObject.z.number().default(2).nullish(),
-    offsetX: external_zod_namespaceObject.z.number().default(0),
-    offsetY: external_zod_namespaceObject.z.number().default(0)
+    textBackgroundPadding: external_zod_namespaceObject.z.number().default(2).nullish()
 });
 const zAnnotationArea = external_zod_namespaceObject.z.object({
     selector: external_zod_namespaceObject.z.union([
@@ -9490,9 +9532,7 @@ const zAnnotationArea = external_zod_namespaceObject.z.object({
     areaBorderColor: external_zod_namespaceObject.z.string().default('#888888').nullish(),
     areaBorderWidth: external_zod_namespaceObject.z.number().default(1).nullish(),
     areaBorderRadius: external_zod_namespaceObject.z.number().default(4).nullish(),
-    outerPadding: external_zod_namespaceObject.z.number().default(4).nullish(),
-    offsetX: external_zod_namespaceObject.z.number().default(0).nullish(),
-    offsetY: external_zod_namespaceObject.z.number().default(0).nullish()
+    outerPadding: external_zod_namespaceObject.z.number().default(4).nullish()
 });
 const zAnnotation = external_zod_namespaceObject.z.object({
     annotationPoint: zAnnotationPoint.or(external_zod_namespaceObject.z.array(zAnnotationPoint)).nullish(),
@@ -9817,6 +9857,7 @@ const zDualAxis = external_zod_namespaceObject.z.object({
     measures: zMeasureTree.nullish(),
     dualMeasures: zDualMeasures.nullish(),
     dualChartType: external_zod_namespaceObject.z.array(zDualChartType).or(zDualChartType).nullish(),
+    alignTicks: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.boolean()).or(external_zod_namespaceObject.z.boolean()).nullish(),
     primaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
     secondaryYAxis: external_zod_namespaceObject.z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
     xAxis: zXBandAxis.nullish(),