@publishfx/publish-chart 2.1.3 → 2.1.5

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+**2.1.5** fix(chart): 修正ts错误
+- 2026-03-03T04:41:18+08:00 [fix(chart): 修正ts错误](http://lf.git.oa.mt/publish_platform/web/publish/commit/ed6bc3403d6c06d8c0cce6f0193a447d74b68a3a)
+- 2026-03-03T04:38:12+08:00 [fix(chart): 组合图代码整理](http://lf.git.oa.mt/publish_platform/web/publish/commit/6a94afb106447e54143f4a29e7d8fa24c718b321)
+- 2026-03-03T01:44:41+08:00 [fix(chart): 修复一些问题](http://lf.git.oa.mt/publish_platform/web/publish/commit/52b05bffc199010d0ed76c112f615937c33edc53)
+- 2026-03-03T00:19:14+08:00 [fix(chart): 辅助线不显示y轴](http://lf.git.oa.mt/publish_platform/web/publish/commit/4a7de7122d0ec4f037b95927f93a2626e7a8837a)
+- 2026-03-03T00:13:56+08:00 [fix: 修复一批组合图和折线图的BUG](http://lf.git.oa.mt/publish_platform/web/publish/commit/c9f3f2a758ae49c94dada96acb859e8e842877ea)
+- 2026-03-02T21:49:02+08:00 [feat(chart): 组合图排序](http://lf.git.oa.mt/publish_platform/web/publish/commit/46000898aac62b20b9c4f1543a0437808e795021)
+- 2026-03-02T20:35:15+08:00 [fix: [f-6849783906] 修复柱状图倒序问题及图例编辑时不展示问题](http://lf.git.oa.mt/publish_platform/web/publish/commit/5fc94ba48503403c2aee24d59fc9ad6e71ce3a2d)
+- 2026-03-02T20:24:49+08:00 [feat(chart): 组合图数据标签](http://lf.git.oa.mt/publish_platform/web/publish/commit/ec86c8ef7479f60c19d9a817212b2b3290a9c00f)
+- 2026-03-02T19:37:12+08:00 [feat: 组合图辅助线](http://lf.git.oa.mt/publish_platform/web/publish/commit/7ea103172eb0f2529bd067a4187c4f9d6387dd0f)
+- 2026-03-02T19:06:57+08:00 [feat(chart): 组合图折线逻辑](http://lf.git.oa.mt/publish_platform/web/publish/commit/c13e0dbf072b4736742a84890394a923495a6c54)
+
+**2.1.4** feat(chart): 柱状、折线、组合三个图表支持onChartClick
+- 2026-03-02T15:27:33+08:00 [feat(chart): 柱状、折线、组合三个图表支持onChartClick](http://lf.git.oa.mt/publish_platform/web/publish/commit/0cbed83b537a5b0a08f676256b8e69bb9ae0741a)
+- 2026-03-02T14:38:28+08:00 [fix(chart): 组合图针对副轴数据全为0时，Y刻度的处理。](http://lf.git.oa.mt/publish_platform/web/publish/commit/2b262810e33d3660255831fb7ef0e345907841e9)
+
 **2.1.3** fix(chart): 组合图分组时inset置为0
 - 2026-02-28T23:48:20+08:00 [fix(chart): 组合图分组时inset置为0](http://lf.git.oa.mt/publish_platform/web/publish/commit/047e02d3cfbce21101277f48e904864163b2a02c)
 - 2026-02-28T22:42:20+08:00 [feat(chart): 组合图tooltip数据调整](http://lf.git.oa.mt/publish_platform/web/publish/commit/f79461050699b0755c8837e26b035083ec980cf1)

package/dist/adapters/DataAdapter.d.ts

@@ -5,6 +5,7 @@ export interface TransformConfig {
     z?: string;
     isDescend?: boolean;
     isHorizontal?: boolean;
+    isGroup?: boolean;
 }
 /**
  * 数据适配器类
@@ -13,7 +14,7 @@ export declare class DataAdapter {
     /**
      * 统一的数据转换接口
      */
-    static transform(data: any[], transformType: TransformConfig['type'], config: TransformConfig): any[];
+    static transform(data: any[], transformType: TransformConfig['type'], config: TransformConfig): any;
     /**
    * 柱状图数据转换
    */
@@ -30,10 +31,6 @@ export declare class DataAdapter {
      * 柱状折线组合图数据转换
      */
     private static transformForBarLine;
-    /**
-   * 分组柱状折线组合图数据转换
-   */
-    private static transformForGroupBarLine;
     /**
      * 分组对比图数据转换
      */

package/dist/adapters/DataAdapter.js

@@ -11,8 +11,6 @@ class DataAdapter {
                 return this.transformForLine(data, config);
             case 'barLine':
                 return this.transformForBarLine(data, config);
-            case 'groupBarLine':
-                return this.transformForGroupBarLine(data, config);
             case 'groupCompare':
                 return this.transformForGroupCompare(data, config);
             default:
@@ -30,14 +28,16 @@ class DataAdapter {
                     return row;
                 }
             });
-            if (config.isDescend) dv.transform({
-                type: 'sort',
-                callback: (a, b)=>{
+            if (config.isDescend) {
+                const compareData = dv.rows.filter((row)=>String(row.groupType ?? '').includes('_compare'));
+                const basicData = dv.rows.filter((row)=>!String(row.groupType ?? '').includes('_compare'));
+                basicData.sort((a, b)=>{
                     if ('-' === a[config.y]) return config.isHorizontal ? -1 : 1;
                     if ('-' === b[config.y]) return config.isHorizontal ? 1 : -1;
-                    return b[config.y] - a[config.y];
-                }
-            });
+                    return config.isHorizontal ? a[config.y] - b[config.y] : b[config.y] - a[config.y];
+                });
+                dv.rows = basicData.concat(compareData);
+            }
         }
         return dv.rows;
     }
@@ -113,28 +113,10 @@ class DataAdapter {
         return dv.rows;
     }
     static transformForBarLine(data, config) {
-        const ds = new lib();
-        const dv = ds.createView().source(data);
-        if (config.y) dv.transform({
-            type: 'map',
-            callback: (row)=>{
-                row[config.y] = '' !== row[config.y] ? +row[config.y] : '-';
-                return row;
-            }
-        });
-        if (config.z) dv.transform({
-            type: 'map',
-            callback: (row)=>{
-                row[config.z] = '' !== row[config.z] ? +row[config.z] : '-';
-                return row;
-            }
-        });
-        return dv.rows;
-    }
-    static transformForGroupBarLine(data, config) {
         const ds = new lib();
         const dv = ds.createView().source(data);
         const tdv = ds.createView().source(data);
+        const combinedv = ds.createView().source(data);
         if (config.y && config.x) {
             dv.transform({
                 type: 'map',
@@ -156,28 +138,19 @@ class DataAdapter {
                     return !row.isCombine;
                 }
             });
-            tdv.transform({
+            combinedv.transform({
                 type: 'filter',
                 callback (row) {
-                    return !row[config.y] || '-' !== row[config.y];
+                    return row.isCombine;
                 }
             });
             tdv.transform({
-                type: 'aggregate',
-                fields: [
-                    config.y
-                ],
-                groupBy: [
-                    config.x
-                ],
-                operations: [
-                    'sum'
-                ],
-                as: [
-                    'total'
-                ]
+                type: 'filter',
+                callback (row) {
+                    return !row[config.y] || '-' !== row[config.y];
+                }
             });
-            tdv.transform({
+            if (config.isDescend) tdv.transform({
                 type: 'sort',
                 callback (a, b) {
                     return b.total - a.total;
@@ -185,16 +158,15 @@ class DataAdapter {
             });
             const xKey = config.x ?? 'x';
             const sortData = tdv.rows.map((item)=>item[xKey]);
-            if (config.isDescend) dv.transform({
-                type: 'sort',
-                callback (a, b) {
-                    if (-1 === sortData.indexOf(a[xKey])) return 1;
-                    if (-1 === sortData.indexOf(b[xKey])) return -1;
-                    return sortData.indexOf(a[xKey]) - sortData.indexOf(b[xKey]);
-                }
-            });
+            if (config.isDescend) combinedv.rows.sort((a, b)=>sortData.indexOf(a[xKey]) - sortData.indexOf(b[xKey]));
+            else combinedv.rows.sort((a, b)=>sortData.indexOf(a[xKey]) - sortData.indexOf(b[xKey]));
         }
-        return dv.rows;
+        console.log('renderG2CombineChart transformedData:leftData:', tdv.rows, 'rightData:', combinedv.rows);
+        return {
+            transformedData: dv.rows,
+            leftData: tdv.rows,
+            rightData: combinedv.rows
+        };
     }
     static transformForGroupCompare(data, _config) {
         return data;

package/dist/components/g2/base/G2BarChart.js

@@ -122,6 +122,7 @@ const G2BarChart = ({ height = 300, data, x = "", y = "", indicatorMap, onChartC
             isLegend: !!isCompare,
             isHorizontal,
             isHighlight,
+            isClickable: !!onChartClick,
             legend: safeLegend || void 0,
             formatLabel: isDataTag && safeY ? (d)=>{
                 const v = d[safeY];
@@ -160,8 +161,11 @@ const G2BarChart = ({ height = 300, data, x = "", y = "", indicatorMap, onChartC
         });
         chartRef.current = chart;
         if (onChartClick) chart.on("element:click", (e)=>{
+            console.log('e:', e);
             const datum = e.data?.data;
-            if (datum) onChartClick(datum);
+            if (datum) onChartClick({
+                title: datum[x]
+            });
         });
         return ()=>{
             if (chartRef.current) {
@@ -180,6 +184,7 @@ const G2BarChart = ({ height = 300, data, x = "", y = "", indicatorMap, onChartC
         isDataTag,
         isLegend,
         isHighlight,
+        isCompare,
         maxY,
         themeColors,
         safeIndicatorMap,
@@ -196,7 +201,7 @@ const G2BarChart = ({ height = 300, data, x = "", y = "", indicatorMap, onChartC
             position: "relative"
         },
         children: [
-            isLegend && legendItems.length > 1 && 2 === nodeSetting.showType && /*#__PURE__*/ jsx(G2BarLegend, {
+            (isLegend || isCompare) && legendItems.length > 1 && 2 === nodeSetting.showType && /*#__PURE__*/ jsx(G2BarLegend, {
                 items: legendItems,
                 activeIds: activeIds,
                 onChange: setActiveIds,
@@ -211,7 +216,7 @@ const G2BarChart = ({ height = 300, data, x = "", y = "", indicatorMap, onChartC
                     height: `${height - canvasMarginBottom}px`
                 }
             }),
-            isLegend && legendItems.length > 1 && 2 !== nodeSetting.showType && /*#__PURE__*/ jsx(G2BarLegend, {
+            (isLegend || isCompare) && legendItems.length > 1 && 2 !== nodeSetting.showType && /*#__PURE__*/ jsx(G2BarLegend, {
                 items: legendItems,
                 activeIds: activeIds,
                 onChange: setActiveIds,

package/dist/components/g2/base/G2BarLegend.js

@@ -17,14 +17,12 @@ const G2BarLegend = ({ items, activeIds, onChange, pageSize: pageSizeProp, maxLa
             const availableWidth = Math.max(0, width - pagerReserveWidth);
             const estimatedItemWidths = items.map((item)=>{
                 const labelLength = item.label ? item.label.length : 0;
-                console.log("computePageSize: estimatedItemWidths:", item.label, labelLength);
                 const visibleChars = labelLength;
                 return 16 + 8 * visibleChars;
             });
             const avgItemWidth = estimatedItemWidths.reduce((sum, w)=>sum + w, 0) / estimatedItemWidths.length;
             if (!avgItemWidth || !isFinite(avgItemWidth)) return void setAutoPageSize(items.length || 1);
             const computed = Math.max(1, Math.floor(availableWidth / avgItemWidth));
-            console.log("computePageSize: computed:", computed, availableWidth, avgItemWidth, estimatedItemWidths);
             setAutoPageSize(computed);
             setPage((p)=>Math.min(p, Math.max(1, Math.ceil(items.length / computed))));
         };
@@ -51,6 +49,7 @@ const G2BarLegend = ({ items, activeIds, onChange, pageSize: pageSizeProp, maxLa
     ]);
     const handleToggle = (id)=>{
         const isActive = activeIds.includes(id);
+        if (isActive && activeIds.length <= 1) return;
         const nextSet = new Set(isActive ? activeIds.filter((x)=>x !== id) : [
             ...activeIds,
             id

package/dist/components/g2/base/G2CombineChart.js

@@ -63,68 +63,65 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
 }, indicators = [], auxiliaryLineData, highlightDate, timeRange, isGroup })=>{
     const { formatter, dataTransform, config: contextConfig } = useChartContext();
     const tooltipContainerRef = useG2TooltipContainer();
+    const isGroupRef = useRef(isGroup);
+    const [isOldData, setIsOldData] = useState(false);
+    isGroupRef.current = isGroup;
     console.log("G2CombineChart props:", data, x, y, z, indicators, legend, config, nodeSetting);
     const themeColors = contextConfig?.theme?.colors || [];
     const safeIndicatorMap = indicatorMap || contextConfig.indicatorMap || {};
-    const safeLegend = useMemo(()=>{
-        if (isGroup) return legend || 'groupType';
-        if ("groupType" === legend) return y;
-        return legend || y;
-    }, [
-        isGroup,
-        legend,
-        y
-    ]);
+    const safeLegend = legend || "groupType";
     const safeZ = z;
     const safeY = "groupValue";
     const isCompare = timeRange?.compareStartTime !== "";
     const chartConfig = config || {};
-    const { isDataTag = false, isLegend = true, isDescend = false } = chartConfig;
+    const { isDataTag = true, isCombineDataTag = true, isLegend = true, isDescend = false, isHighlight = true } = chartConfig;
     const [xyList, setXYList] = useState([]);
     const [activeIds, setActiveIds] = useState([]);
     const [legendItems, setLegendItems] = useState([]);
-    const transformedData = useMemo(()=>{
+    const { transformedData, leftData, rightData } = useMemo(()=>{
+        console.log("G2CombineChart left useMemo: legend:", legend, data, x, y, z, indicators);
         if (!legend) {
             let result = transformDataToGroupBarLineFormat(data, x, y, indicators);
             data = result;
+            setIsOldData(true);
         }
-        console.log("G2CombineChart transformedData2:", data);
-        const result = isGroup ? DataAdapter.transform(data, "groupBarLine", {
+        console.log("G2CombineChart renderG2CombineChart transformedData2:", data);
+        const { transformedData, leftData, rightData } = DataAdapter.transform(data, "barLine", {
             type: "barLine",
             x,
             y: safeY,
-            isDescend
-        }) : DataAdapter.transform(data, "barLine", {
-            type: "barLine",
-            x,
-            y: safeY,
-            z
+            z,
+            isDescend,
+            isGroup: isGroupRef.current
         });
-        return result.map((item)=>dataTransform.processNodeInfo(item, contextConfig.nodeMap));
+        return {
+            transformedData: transformedData.map((item)=>dataTransform.processNodeInfo(item, contextConfig.nodeMap)),
+            leftData: leftData.map((item)=>dataTransform.processNodeInfo(item, contextConfig.nodeMap)),
+            rightData: rightData.map((item)=>dataTransform.processNodeInfo(item, contextConfig.nodeMap))
+        };
     }, [
-        isGroup,
         data,
         x,
         safeY,
         z,
         dataTransform,
-        contextConfig.nodeMap
+        contextConfig.nodeMap,
+        isDescend
     ]);
-    console.log("G2CombineChart transformedData:", transformedData);
+    console.log("G2CombineChart transformedData:", transformedData, leftData, rightData);
     const { maxY } = useMemo(()=>{
-        const key = isGroup ? "total" : safeY;
+        const key = isGroupRef.current ? "total" : safeY;
         const yValues = transformedData.filter((item)=>"-" !== item[key] && void 0 !== item[key] && null !== item[key]).map((item)=>Number(item[key]) || 0);
         return {
             maxY: yValues.length > 0 ? Math.max(...yValues) : 0
         };
     }, [
-        isGroup,
         transformedData,
         safeY
     ]);
-    const formatAxis = useCallback((val)=>getAxisFormat(val, safeIndicatorMap, safeLegend), [
+    const formatAxis = useCallback((val)=>getAxisFormat(val, safeIndicatorMap, y), [
         safeIndicatorMap,
-        safeLegend
+        y
     ]);
     const formatLineAxis = useCallback((val)=>getAxisFormat(val, safeIndicatorMap, safeZ), [
         safeIndicatorMap,
@@ -143,31 +140,53 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
             const indicatorId = id.split("_")[0];
             const isCombine = "true" === id.split("_")[1];
             const lineGroupTypeIndex = lineGroupTypeArr.indexOf(id);
-            const color = isGroup ? isCombine ? lineColors[lineGroupTypeIndex] || lineColors[0] : themeColors[colorIndex] || themeColors[0] : 0 === colorIndex ? themeColors[colorIndex] : lineColors[colorIndex - 1];
+            const color = isGroupRef.current ? isCombine ? lineColors[lineGroupTypeIndex] || lineColors[0] : themeColors[colorIndex] || themeColors[0] : 0 === colorIndex ? themeColors[colorIndex] : lineColors[colorIndex - 1];
             return {
                 id,
-                label: isGroup ? isCombine ? getIndicatorCompareName(safeIndicatorMap, String(indicatorId)) : indicatorId : getIndicatorCompareName(safeIndicatorMap, String(indicatorId)) + (String(indicatorId).includes("_compare") ? `（对比时间：${timeRange?.compareStartTime}~${timeRange?.compareEndTime}）` : ""),
+                label: isGroupRef.current ? isCombine ? getIndicatorCompareName(safeIndicatorMap, String(indicatorId)) : indicatorId : getIndicatorCompareName(safeIndicatorMap, String(indicatorId)) + (String(indicatorId).includes("_compare") ? `（对比时间：${timeRange?.compareStartTime}~${timeRange?.compareEndTime}）` : ""),
                 color,
                 isCompare: String(indicatorId).includes("_compare"),
-                symbol: isGroup ? isCombine ? 'line' : 'square' : 0 === colorIndex ? "square" : "line"
+                symbol: isGroupRef.current ? isCombine ? "line" : "square" : 0 === colorIndex ? "square" : "line"
             };
         });
         setLegendItems(items);
-        if (!activeIds.length) setActiveIds(items.map((i)=>i.id));
+        const newIds = items.map((i)=>i.id);
+        setActiveIds((prev)=>{
+            if (!prev.length) return newIds;
+            const newSet = new Set(newIds);
+            if (prev.length !== newIds.length || prev.some((id)=>!newSet.has(id))) return newIds;
+            return prev;
+        });
     }, [
-        isGroup,
         transformedData,
         safeIndicatorMap,
-        themeColors,
-        activeIds.length
+        themeColors
     ]);
-    const filteredData = useMemo(()=>{
-        if (!activeIds.length) return transformedData;
-        return transformedData.filter((d)=>d.groupType ? activeIds.includes(String(d.groupType.replace("_compare", "") + "_" + d.isCombine)) : true);
+    const filterLeftData = useMemo(()=>{
+        if (!activeIds.length) return leftData;
+        const result = leftData.filter((d)=>d.groupType ? activeIds.includes(String(d.groupType.replace("_compare", "") + "_" + d.isCombine)) : true);
+        if (isGroupRef.current) result.forEach((item)=>{
+            item.total = result.filter((d)=>d.groupName === item.groupName).reduce((acc, d)=>acc + d.groupValue, 0);
+        });
+        return result;
     }, [
-        transformedData,
+        leftData,
+        activeIds
+    ]);
+    const filterRightData = useMemo(()=>{
+        if (!activeIds.length) return rightData;
+        return rightData.filter((d)=>d.groupType ? activeIds.includes(String(d.groupType.replace("_compare", "") + "_" + d.isCombine)) : true);
+    }, [
+        rightData,
         activeIds
     ]);
+    const filteredData = useMemo(()=>[
+            ...filterLeftData,
+            ...filterRightData
+        ], [
+        filterLeftData,
+        filterRightData
+    ]);
     const canvasMarginBottom = legendItems.length > 1 ? 2 === nodeSetting.showType ? 32 : 16 : 0;
     const containerRef = useRef(null);
     const chartRef = useRef(null);
@@ -192,12 +211,17 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
             formatAxis,
             formatLineAxis,
             isDataTag,
+            isCombineDataTag,
             isLegend: false,
             isCompare,
+            isHighlight,
+            isClickable: !!onChartClick,
             height: height - canvasMarginBottom,
-            formatLabel: isDataTag ? (d)=>{
+            formatLabel: (isDataTag || isCombineDataTag) && !isOldData ? (d)=>{
                 const indicatorId = d.groupType.split("_")[0];
-                return isGroup ? d.isCombine ? "-" === formatter.formatIndicator(d.groupValue, safeIndicatorMap[z]) ? "" : formatter.formatIndicator(d.groupValue, safeIndicatorMap[z]) : "-" === formatter.formatIndicator(d['total'], safeIndicatorMap[y]) ? "" : formatter.formatIndicator(d['total'], safeIndicatorMap[y]) : "-" === formatter.formatIndicator(d.groupValue, safeIndicatorMap[indicatorId]) ? "" : formatter.formatIndicator(d.groupValue, safeIndicatorMap[indicatorId]);
+                const key = isGroupRef.current && !d.isCombine ? "total" : indicatorId;
+                if ("total" === key) return formatter.formatIndicator(d.total, safeIndicatorMap[y]);
+                return formatter.formatIndicator(d.groupValue, safeIndicatorMap[key]);
             } : void 0,
             indicators,
             tooltipRender: (title, items)=>{
@@ -209,7 +233,7 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
                     }));
                 safeItems = safeItems.filter((i)=>i.indicatorId);
                 react_dom.render(/*#__PURE__*/ jsx(G2CompareTooltip, {
-                    isGroupBar: isGroup,
+                    isGroupBar: isGroupRef.current,
                     title: title,
                     items: safeItems,
                     safeIndicatorMap: safeIndicatorMap,
@@ -221,6 +245,7 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
             },
             highlightDate: highlightDate ?? [],
             timeRange,
+            auxiliaryLineData: auxiliaryLineData ?? [],
             onNodeListChange: (nodes)=>{
                 setXYList(nodes);
             },
@@ -232,14 +257,16 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
                 }
             },
             lineColors,
-            isGroup,
             legendItems,
-            indicatorId: y
+            indicatorId: y,
+            isGroup: isGroupRef.current
         });
         chartRef.current = chart;
         if (onChartClick) chart.on("element:click", (e)=>{
             const datum = e.data?.data;
-            if (datum) onChartClick(datum);
+            if (datum) onChartClick({
+                title: datum[x]
+            });
         });
         return ()=>{
             if (chartRef.current) {
@@ -256,23 +283,22 @@ const G2CombineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorM
         z,
         maxY,
         isDataTag,
-        isLegend,
+        isCombineDataTag,
+        isDescend,
         themeColors,
         safeIndicatorMap,
         formatter,
         formatAxis,
         onChartClick,
-        isGroup,
-        legendItems
+        isLegend,
+        isHighlight,
+        legendItems,
+        auxiliaryLineData,
+        leftData,
+        rightData,
+        isOldData
     ]);
-    if (!z) return /*#__PURE__*/ jsx("div", {
-        style: {
-            width: "100%",
-            color: "#86909c",
-            padding: 16
-        },
-        children: "请传入 z 作为折线指标字段，以展示柱状+折线组合图。"
-    });
+    console.log("G2BarLegend items: combie", legendItems, activeIds);
     return /*#__PURE__*/ jsxs("div", {
         style: {
             width: "100%",

package/dist/components/g2/base/G2LineChart.js

@@ -12,11 +12,11 @@ import useG2TooltipContainer from "../shared/useG2TooltipContainer.js";
 import { getIndicatorCompareName } from "../../../utils/indicatorHelpers.js";
 import { G2BarLegend } from "./G2BarLegend.js";
 import { renderG2LineChart } from "./g2line.js";
-const G2LineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorMap, onChartClick: _onChartClick, timeRange, legend = "", config, nodeSetting = {
+const G2LineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorMap, onChartClick, timeRange, legend = "", config, nodeSetting = {
     showType: 0,
     type: []
 }, auxiliaryLineData, highlightDate, indicators = [] })=>{
-    console.log("props data: G2LineChart", data, nodeSetting, config, "x, y, z", x, y, z, "highlightDate:", highlightDate);
+    console.log("props data: G2LineChart", data, nodeSetting, config, "x, y, z", x, y, z, "highlightDate:", highlightDate, "indicators:", indicators);
     const { formatter, dataTransform, config: contextConfig } = useChartContext();
     const tooltipContainerRef = useG2TooltipContainer();
     const themeColors = contextConfig?.theme?.colors || [];
@@ -94,12 +94,17 @@ const G2LineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorMap,
             };
         });
         setLegendItems(items);
-        if (!activeIds.length) setActiveIds(items.map((i)=>i.id));
+        const newIds = items.map((i)=>i.id);
+        setActiveIds((prev)=>{
+            if (!prev.length) return newIds;
+            const newSet = new Set(newIds);
+            if (prev.length !== newIds.length || prev.some((id)=>!newSet.has(id))) return newIds;
+            return prev;
+        });
     }, [
         transformedData,
         safeIndicatorMap,
-        themeColors,
-        activeIds.length
+        themeColors
     ]);
     const filteredData = useMemo(()=>{
         if (!activeIds.length) return transformedData;
@@ -123,7 +128,7 @@ const G2LineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorMap,
             minY,
             maxY,
             themeColors,
-            indicators,
+            indicators: indicators || activeIds,
             indicatorMap: safeIndicatorMap,
             formatAxis,
             highlightDate: highlightDate ?? [],
@@ -169,6 +174,12 @@ const G2LineChart = ({ height = 300, data, x = "", y = "", z = "", indicatorMap,
             }
         });
         chartRef.current = chart;
+        if (onChartClick) chart.on("element:click", (e)=>{
+            const datum = e.data?.data;
+            if (datum) onChartClick({
+                title: datum[x]
+            });
+        });
         return ()=>{
             if (chartRef.current) {
                 chartRef.current.off("element:click");

package/dist/components/g2/base/g2Helpers.d.ts

@@ -216,6 +216,7 @@ export interface ScaleYLinearOptions {
 export declare function applyScaleYLinear(view: any, options?: ScaleYLinearOptions): void;
 export interface ApplyAxisXOptions {
     title?: boolean;
+    isHorizontal?: boolean;
     labelAutoHide?: 'greedy' | 'equidistant' | boolean;
     /** 为 true 时刻度过多会自动旋转为垂直；为 false 时保持水平，依赖 labelAutoHide 避免重叠。默认 false */
     labelAutoRotate?: boolean;
@@ -271,6 +272,7 @@ export declare function applyLegendColor(view: any, options?: ApplyLegendColorOp
 export interface AuxiliaryLineItem {
     name: string;
     value: number;
+    axis?: 'left' | 'right';
 }
 export interface ApplyAuxiliaryLineYOptions {
     stroke?: string;
@@ -291,3 +293,4 @@ export interface GetColorByGroupTypeOptions {
  */
 export declare function getColorByGroupType(groupType: string, options: GetColorByGroupTypeOptions): string;
 export declare function applyHighlightDate(view: any, x: string, data: any, highlightDate: string[], isHighlight: boolean): void;
+export declare function adjustDomainMax(domainMin: number, domainMax: number): number;

package/dist/components/g2/base/g2Helpers.js

@@ -19,7 +19,7 @@ function applyScaleYLinear(view, options = {}) {
         [field]: {
             type: 'linear',
             ...null != domainMax && {
-                domainMax
+                domainMax: adjustDomainMax(domainMin, domainMax)
             },
             domainMin,
             clamp,
@@ -38,7 +38,7 @@ function applyScaleYLinear(view, options = {}) {
     });
 }
 function applyAxisX(mark, options = {}) {
-    const { title = false, labelAutoRotate = false, grid = true, gridStroke = '#333', gridLineWidth = 50, gridLineDash = [
+    const { title = false, grid = true, gridStroke = '#333', gridLineWidth = 50, gridLineDash = [
         1000
     ], gridFilter } = options;
     mark.axis('x', {
@@ -50,16 +50,19 @@ function applyAxisX(mark, options = {}) {
         ...gridFilter && {
             gridFilter
         },
+        labelAutoRotate: false,
+        labelFontSize: 12,
+        labelFontColor: '#000',
+        labelAutoEllipsis: {
+            type: 'ellipsis',
+            maxLength: 50
+        },
+        labelAlign: 'horizontal',
         labelAutoHide: {
             type: 'hide',
             keepHeader: true,
             keepTail: true
-        },
-        labelAutoRotate,
-        labelFontSize: 12,
-        labelFontColor: '#000',
-        labelAutoEllipsis: true,
-        labelFontOpacity: 1
+        }
     });
 }
 function applyAxisY(mark, options = {}) {
@@ -123,11 +126,16 @@ function applyAuxiliaryLineY(view, lines, options = {}) {
     console.log('applyAuxiliaryLineY:', lines);
     const { stroke = '#F4664A', strokeOpacity = 1, labelMaxLength = 5 } = options;
     lines.forEach((auxLine)=>{
-        view.lineY().encode('y', auxLine.value).style('stroke', stroke).style('strokeOpacity', strokeOpacity).style('lineWidth', 1).style('shadowColor', 'transparent').label({
+        view.lineY().encode('y', auxLine.value).style('stroke', stroke).style('strokeOpacity', strokeOpacity).style('lineWidth', 1).style('shadowColor', 'transparent').axis('y', {
+            title: false,
+            grid: false,
+            label: false,
+            tick: false
+        }).label({
             dx: 0,
             dy: -5,
             text: splitTextToMultiline(auxLine.name, labelMaxLength, '<br />'),
-            position: 'bottom-left',
+            position: auxLine?.axis === 'right' ? 'bottom-right' : 'bottom-left',
             style: {},
             render: (text)=>`<div style="background-color: transparent; padding: 5px; border-radius: 5px;font-size: 12px;position: absolute;left: -4px; top: -24px; width: 100px;color: ${stroke}; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;">${text}</div>`
         });
@@ -179,4 +187,7 @@ function applyHighlightDate(view, x, data, highlightDate, isHighlight) {
         strokeOpacity: 0
     });
 }
-export { applyAuxiliaryLineY, applyAxisX, applyAxisY, applyHighlightDate, applyLegendColor, applyScaleYLinear, createChart, getColorByGroupType, getMainView };
+function adjustDomainMax(domainMin, domainMax) {
+    return domainMax === domainMin ? domainMin > 0 ? 1.1 * domainMax : domainMax + 1 : domainMax;
+}
+export { adjustDomainMax, applyAuxiliaryLineY, applyAxisX, applyAxisY, applyHighlightDate, applyLegendColor, applyScaleYLinear, createChart, getColorByGroupType, getMainView };

package/dist/components/g2/base/g2bar.d.ts

@@ -33,6 +33,8 @@ export interface RenderG2BarChartOptions {
     isHighlight?: boolean;
     /** 图例字段名（与 y 不同时表示分组柱），通常为 groupType */
     isCompare?: boolean;
+    /** 是否启用点击事件 */
+    isClickable?: boolean;
     legend?: string;
     /** 数据标签格式化：formatLabel(datum) */
     formatLabel?: (datum: any) => string;

package/dist/components/g2/base/g2bar.js

@@ -2,7 +2,7 @@ import { lines } from "@antv/g-pattern";
 import { applyAuxiliaryLineY, applyAxisX, applyAxisY, applyHighlightDate, applyScaleYLinear, createChart, getColorByGroupType, getMainView } from "./g2Helpers.js";
 const Y_AXIS_FIELD = 'groupValue';
 function renderG2BarChart(container, options) {
-    const { data, x, y, maxY, timeRange: _timeRange, themeColors, indicators = [], indicatorMap: _indicatorMap = {}, formatAxis, highlightDate = [], isDataTag = false, isLegend = true, isHorizontal = false, isHighlight = true, isCompare = false, legend, formatLabel, height = 300, tooltipRender, auxiliaryLineData = [], onNodeListChange, onChartRender } = options;
+    const { data, x, y, maxY, timeRange: _timeRange, themeColors, indicators = [], indicatorMap: _indicatorMap = {}, formatAxis, highlightDate = [], isDataTag = false, isLegend = true, isHorizontal = false, isHighlight = true, isCompare = false, isClickable = false, legend, formatLabel, height = 300, tooltipRender, auxiliaryLineData = [], onNodeListChange, onChartRender } = options;
     const colorOpts = {
         themeColors,
         primaryKey: y,
@@ -20,7 +20,7 @@ function renderG2BarChart(container, options) {
     });
     console.log('isLegend:', legend, isLegend);
     const view = getMainView(chart);
-    view.attr('marginBottom', isLegend ? 0 : 16);
+    view.attr('marginLeft', 0).attr('marginBottom', isLegend ? 0 : 16);
     if (isHorizontal) view.coordinate({
         transform: [
             {
@@ -46,13 +46,13 @@ function renderG2BarChart(container, options) {
         columnWidthRatio: 0.6,
         insetLeft: (_d, index, _data, _column)=>{
             if (isHorizontal) return 0;
-            if (isCompare) return index % 2 === 0 ? 4 : 0;
-            return 4;
+            if (isCompare) return index % 2 === 0 ? 0 : 0;
+            return 0;
         },
         insetRight: (_d, index, _data, _column)=>{
             if (isHorizontal) return 0;
-            if (isCompare) return index % 2 === 1 ? 4 : 0;
-            return 4;
+            if (isCompare) return index % 2 === 1 ? 0 : 0;
+            return 0;
         },
         fill: (datum)=>{
             const groupType = String(datum.groupType ?? '');
@@ -68,10 +68,12 @@ function renderG2BarChart(container, options) {
                 transform: 'rotate(-30deg)'
             };
             return getColorByGroupType(groupType, colorOpts);
-        }
+        },
+        cursor: isClickable ? 'pointer' : 'default'
     });
     applyAxisX(view, {
-        grid: false
+        grid: false,
+        isHorizontal
     });
     applyAxisY(view, {
         labelFormatter: formatAxis

package/dist/components/g2/base/g2combine.d.ts

@@ -4,6 +4,7 @@
  */
 import { Chart } from "@antv/g2";
 import type { ChartTimeRange, IndicatorInfo } from "../../../core/ChartTypes";
+import { type AuxiliaryLineItem } from "./g2Helpers";
 export interface RenderG2CombineChartOptions {
     /** 已转换后的数据：约定包含 groupName、groupType、groupValue 等字段 */
     data: any[];
@@ -27,12 +28,16 @@ export interface RenderG2CombineChartOptions {
     formatLineAxis: (val: any) => string;
     /** 是否显示数据标签 */
     isDataTag?: boolean;
+    /** 是否显示副轴数据标签 */
+    isCombineDataTag?: boolean;
     /** 是否显示自定义 Legend（仅影响 React 层，G2 内部不画 legend） */
     isLegend?: boolean;
     /** 是否启用图例高亮 */
     isHighlight?: boolean;
     /** 是否启用对比期 */
     isCompare?: boolean;
+    /** 是否启用点击事件 */
+    isClickable?: boolean;
     /** 数据标签格式化：formatLabel(datum) */
     formatLabel?: (datum: any) => string;
     /** 图表高度 */
@@ -49,6 +54,8 @@ export interface RenderG2CombineChartOptions {
         isChange?: boolean;
         compareTime?: string;
     }>) => HTMLElement | null;
+    /** 辅助线 */
+    auxiliaryLineData?: AuxiliaryLineItem[];
     /** 将计算出的节点信息传递给外层（用于渲染 NodePopover 等） */
     onNodeListChange?: (nodes: Array<{
         pointP: {

package/dist/components/g2/base/g2combine.js

@@ -1,11 +1,11 @@
 import { lines } from "@antv/g-pattern";
-import { applyAxisX, applyHighlightDate, createChart, getMainView } from "./g2Helpers.js";
+import { applyAuxiliaryLineY, applyAxisX, applyHighlightDate, createChart, getMainView } from "./g2Helpers.js";
 import { getIndicatorCompareName } from "../../../utils/indicatorHelpers.js";
 const Y_AXIS_FIELD = 'groupValue';
 const BAR_Y_FIELD = 'barValue';
 const LINE_Y_FIELD = 'lineValue';
 function renderG2CombineChart(container, options) {
-    const { data, x, y, z: _z, maxY, themeColors, indicatorMap: _indicatorMap, formatAxis, formatLineAxis, isDataTag = false, isLegend: _isLegend = false, isCompare = false, formatLabel, highlightDate = [], height = 300, isHighlight = true, indicators = [], tooltipRender, onNodeListChange, lineColors, onChartRender, isGroup, legendItems = [], indicatorId } = options;
+    const { data, x, y, z: _z, maxY, themeColors, indicatorMap: _indicatorMap, formatAxis, formatLineAxis, isDataTag = true, isCombineDataTag = true, isLegend: _isLegend = false, isCompare = false, formatLabel, highlightDate = [], height = 300, isHighlight = true, isClickable = false, indicators = [], tooltipRender, auxiliaryLineData = [], onNodeListChange, lineColors, onChartRender, isGroup, legendItems = [], indicatorId } = options;
     const chart = createChart({
         container,
         height,
@@ -17,7 +17,7 @@ function renderG2CombineChart(container, options) {
         insetBottom: 0
     });
     const view = getMainView(chart);
-    view.attr('marginBottom', 0);
+    view.attr('insetLeft', 0).attr('insetRight', 0).attr('marginLeft', 0).attr('marginRight', 0).attr('marginBottom', 0);
     console.log('renderG2CombineChart data:', data, 'maxY:', maxY, x, y, 'indicators:', indicators);
     view.data(data);
     applyAxisX(view, {
@@ -26,16 +26,20 @@ function renderG2CombineChart(container, options) {
     });
     const barColor = themeColors[0] ?? "#5B8FF9";
     console.log('tooltip: themeColors:', themeColors[0], barColor, isGroup);
-    console.log('renderG2CombineChart interval data:', data.filter((item)=>!item.isCombine));
+    console.log('renderG2CombineChart highlightDate:', highlightDate, isHighlight);
     applyHighlightDate(view, x, data, highlightDate, isHighlight);
     const intervalData = data.filter((item)=>!item.isCombine).map((item)=>({
             ...item,
             [BAR_Y_FIELD]: item[Y_AXIS_FIELD]
         }));
+    console.log('renderG2CombineChart interval data:', intervalData);
     const intervalMaxY = intervalData.reduce((max, item)=>{
         const key = isGroup ? "total" : BAR_Y_FIELD;
         return Math.max(max, item[key]);
     }, 0);
+    const auxValues = auxiliaryLineData?.length ? auxiliaryLineData.map((item)=>item.value) : [];
+    const maxAux = auxValues.length ? Math.max(...auxValues) : 0;
+    const finalIntervalMax = Math.max(intervalMaxY, maxAux);
     const interval = view.interval().data(intervalData).encode("x", x).encode("y", BAR_Y_FIELD).encode("color", "groupType").transform(isGroup ? {
         type: 'stackY',
         reverse: true
@@ -71,12 +75,13 @@ function renderG2CombineChart(container, options) {
             };
             return barColor;
         },
+        cursor: isClickable ? 'pointer' : 'default',
         stroke: 'transparent'
     });
     interval.scale('y', {
         type: 'linear',
         domainMin: 0,
-        domainMax: intervalMaxY,
+        domainMax: finalIntervalMax,
         nice: true,
         clamp: true,
         key: 'bar',
@@ -103,6 +108,7 @@ function renderG2CombineChart(container, options) {
             (datum)=>{
                 const groupType = String(datum.groupType ?? '');
                 const index = legendItems.findIndex((item)=>item.id === `${groupType}_${datum.isCombine}`);
+                console.log(datum);
                 return {
                     value: datum[Y_AXIS_FIELD],
                     name: datum['groupType'],
@@ -141,11 +147,11 @@ function renderG2CombineChart(container, options) {
                 } : false : false
         ].filter(Boolean)
     });
-    console.log('renderG2CombineChart: line data:', data.filter((item)=>item.isCombine));
     const lineData = data.filter((item)=>item.isCombine && !item.groupType.includes('_compare')).map((item)=>({
             ...item,
             [LINE_Y_FIELD]: item[Y_AXIS_FIELD]
         }));
+    console.log('renderG2CombineChart: line data:', lineData);
     const compareLineData = data.filter((item)=>item.isCombine && item.groupType.includes('_compare')).map((item)=>({
             ...item,
             [LINE_Y_FIELD]: item[Y_AXIS_FIELD]
@@ -153,8 +159,8 @@ function renderG2CombineChart(container, options) {
     console.log('compareLineData:', compareLineData);
     const lineMaxY = lineData.reduce((max, item)=>Math.max(max, item[LINE_Y_FIELD]), 0);
     const compareLineMaxY = compareLineData.reduce((max, item)=>Math.max(max, item[LINE_Y_FIELD]), 0);
-    const lineFinalMaxY = Math.max(lineMaxY, compareLineMaxY);
-    console.log('lineFinalMaxY:', lineFinalMaxY);
+    const lineFinalMaxY = Math.max(lineMaxY, compareLineMaxY) || 1;
+    const finalLineMax = Math.max(lineFinalMaxY, maxAux);
     const line = view.line().data(lineData).encode("x", x).encode("y", LINE_Y_FIELD).encode('color', 'groupType').style({
         lineWidth: 2,
         stroke: (datum)=>{
@@ -164,7 +170,7 @@ function renderG2CombineChart(container, options) {
             ];
             const groupType = String(datum[0]?.groupType ?? '');
             const index = groupTypeArr.findIndex((item)=>item === groupType);
-            const color = isGroup ? lineColors[index] || lineColors[0] : lineColors[indicators.slice(1).indexOf(String(groupType)) ?? 0];
+            const color = lineColors[index] || lineColors[0];
             return color;
         }
     });
@@ -175,14 +181,14 @@ function renderG2CombineChart(container, options) {
                 const groupTypeArr = [
                     ...groupTypeSet
                 ];
-                const groupType = String(datum[0]?.groupType ?? '');
+                const groupType = String(datum?.groupType ?? '');
                 const index = groupTypeArr.findIndex((item)=>item === groupType);
                 return {
                     value: datum[LINE_Y_FIELD],
-                    name: isGroup ? getIndicatorCompareName(_indicatorMap, datum['groupType']) : datum['groupType'],
+                    name: getIndicatorCompareName(_indicatorMap, datum['groupType']),
                     indicatorId: datum['groupType'],
                     channel: Y_AXIS_FIELD,
-                    color: isGroup ? lineColors[index] || lineColors[0] : lineColors[indicators.slice(1).indexOf(String(datum['groupType'])) ?? 0] || 'transparent',
+                    color: lineColors[index] || lineColors[0],
                     isCombine: true,
                     tipType: 'line'
                 };
@@ -192,10 +198,10 @@ function renderG2CombineChart(container, options) {
     line.scale('y', {
         type: 'linear',
         domainMin: 0,
-        domainMax: lineFinalMaxY,
+        domainMax: finalLineMax,
         nice: true,
         clamp: true,
-        key: 'bar',
+        key: 'line',
         independent: true,
         tickMethod: (min, max)=>Array.from({
                 length: 6
@@ -221,15 +227,23 @@ function renderG2CombineChart(container, options) {
             4
         ],
         lineWidth: 2,
-        stroke: (datum, index)=>{
+        stroke: (datum)=>{
             const groupType = String(datum[0]?.groupType ?? '');
             const color = lineColors[indicators.slice(1).indexOf(String(groupType.replace('_compare', ''))) ?? 0];
-            console.log('compareLine: 222', 'index:', index, 'indicators:', indicators, 'datum:', datum, 'groupType:', groupType, 'color:', color);
             return color ?? 'transparent';
         }
     });
     compareLine.scale('y', {
-        key: 'line'
+        type: 'linear',
+        domainMin: 0,
+        domainMax: finalLineMax,
+        nice: true,
+        clamp: true,
+        key: 'line',
+        independent: true,
+        tickMethod: (min, max)=>Array.from({
+                length: 6
+            }, (_, i)=>min + (max - min) * i / 5)
     });
     compareLine.axis('y', false);
     const hasCompareData = data.some((item)=>item.groupType.includes('_compare'));
@@ -265,33 +279,31 @@ function renderG2CombineChart(container, options) {
             const { title, items } = payload;
             const baseItems = items.filter((item)=>!item.isCombine);
             const combineItems = items.filter((item)=>item.isCombine);
-            console.log('tooltipRender:', title, items, indicators);
-            if (isGroup) return tooltipRender(title, [
-                ...baseItems,
+            const indicatorOrder = new Map(indicators.map((id, i)=>[
+                    id,
+                    i
+                ]));
+            const sortedCombineItems = [
                 ...combineItems
+            ].sort((a, b)=>{
+                const orderA = indicatorOrder.get(a.indicatorId) ?? 1 / 0;
+                const orderB = indicatorOrder.get(b.indicatorId) ?? 1 / 0;
+                if (orderA !== orderB) return orderA - orderB;
+                const typeRank = (item)=>{
+                    if (item.isChange) return 2;
+                    if ('compareline' === item.tipType) return 1;
+                    return 0;
+                };
+                return typeRank(a) - typeRank(b);
+            });
+            return tooltipRender(title, [
+                ...baseItems,
+                ...sortedCombineItems
             ]) ?? null;
-            if (indicators.length) {
-                const groupedItems = indicators.map((indicator, index)=>{
-                    if (0 === index) return items.filter((i)=>!i.isCombine).filter((i)=>i.indicatorId === String(indicator));
-                    return items.filter((i)=>i.isCombine).filter((i)=>i.indicatorId === String(indicator));
-                });
-                console.log(groupedItems.flat(), 'tooltip groupedItems');
-                const sortedItems = groupedItems.map((group)=>[
-                        group.filter((i)=>i.name === i.indicatorId),
-                        group.filter((i)=>i.compareTime),
-                        group.filter((i)=>i.name.includes('_change'))
-                    ].filter(Boolean).flat()).flat();
-                console.log(sortedItems, 'tooltip sortedItems');
-                const formatItems = sortedItems.map((item)=>({
-                        ...item,
-                        color: item.isCombine ? lineColors[indicators.slice(1).indexOf(String(item?.indicatorId)) ?? 0] || barColor || 'transparent' : barColor || 'transparent'
-                    }));
-                console.log(formatItems, 'tooltip formatItems');
-                return tooltipRender(title, formatItems ?? []) ?? null;
-            }
         }
     });
     view.legend(false);
+    applyAuxiliaryLineY(view, auxiliaryLineData);
     const nodeList = [];
     console.log('nodeList data:', data);
     data.forEach((item)=>{
@@ -354,35 +366,45 @@ function renderG2CombineChart(container, options) {
             }
         });
     });
-    if (isDataTag && formatLabel) {
-        const groupedByX = intervalData.reduce((acc, item)=>{
-            const key = item[x];
-            if (!acc[key]) acc[key] = [];
-            acc[key].push(item);
-            return acc;
-        }, {});
-        const lastItemsInEachStack = new Set();
-        Object.values(groupedByX).forEach((group)=>{
-            group.sort((a, b)=>a[y] - b[y]);
-            const lastItem = group[group.length - 1];
-            lastItemsInEachStack.add(lastItem);
-        });
-        interval.label({
-            dy: isGroup ? -16 : -10,
-            dx: -10,
-            offset: 0,
-            text: (d)=>{
-                if (!isGroup) return formatLabel(d);
-                if (lastItemsInEachStack.has(d)) return formatLabel(d);
-                return '';
-            }
-        });
-        line.label({
+    if (formatLabel) {
+        if (isDataTag) {
+            const groupedByX = intervalData.reduce((acc, item)=>{
+                const key = item[x];
+                if (!acc[key]) acc[key] = [];
+                acc[key].push(item);
+                return acc;
+            }, {});
+            const lastItemsInEachStack = new Set();
+            Object.values(groupedByX).forEach((group)=>{
+                const lastItem = group[0];
+                lastItemsInEachStack.add(lastItem);
+            });
+            interval.label({
+                dy: -16,
+                dx: -10,
+                offset: 0,
+                text: (d)=>{
+                    if (!isGroup) return formatLabel(d);
+                    if (lastItemsInEachStack.has(d)) return formatLabel(d);
+                    return '';
+                }
+            });
+        }
+        if (isCombineDataTag) line.label({
             dy: -10,
-            dx: -10,
+            dx: 10,
             offset: 0,
             text: (d)=>formatLabel(d)
         });
+        view.labelTransform([
+            {
+                type: 'exceedAdjust',
+                bounds: 'main'
+            },
+            {
+                type: 'overlapHide'
+            }
+        ]);
     }
     chart.render();
     let hasEmittedNodeList = false;

package/dist/components/g2/base/g2line.js

@@ -19,7 +19,7 @@ function renderG2LineChart(container, options) {
         insetBottom: 0
     });
     const view = getMainView(chart);
-    view.attr('marginBottom', isLegend ? 0 : 16);
+    view.attr('marginLeft', 0).attr('marginRight', 0).attr('marginBottom', isLegend ? 0 : 16);
     view.data(data);
     const domainMin = minY ?? 0;
     applyScaleYLinear(view, {
@@ -174,7 +174,11 @@ function renderG2LineChart(container, options) {
         });
         view.labelTransform([
             {
-                type: 'overlapDodgeY'
+                type: 'exceedAdjust',
+                bounds: 'main'
+            },
+            {
+                type: 'overlapHide'
             }
         ]);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publishfx/publish-chart",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "A React chart component library for the Publish platform, including BarChart, LineChart, BarLineChart and other visualization components",
   "type": "module",
   "keywords": [
@@ -24,20 +24,10 @@
     "CHANGELOG.md",
     "README.md"
   ],
-  "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
-  },
   "devDependencies": {
     "@antv/data-set": "^0.11.8",
     "@antv/g-pattern": "^2.0.42",
     "@antv/g2": "^5.3.0",
-    "@publishfx/publish-components": "workspace:^",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.20",
     "@types/react": "^18.3.18",
@@ -55,7 +45,8 @@
     "react-dom": "^18.3.1",
     "styled-components": "^5.3.11",
     "ts-jest": "^29.1.2",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "@publishfx/publish-components": "^2.1.0"
   },
   "peerDependencies": {
     "@antv/data-set": "^0.11.8",
@@ -71,5 +62,14 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
   }
-}
+}