fix(Legend): fix postion for justifyContent center

Author: ARTer1a

src/components/Legend/index.tsx

@@ -43,15 +43,16 @@ const getLegendItemPosition = (args: {
     align: PreparedLegend['align'];
     contentWidth: number;
     width: number;
+    offsetLeft: number;
 }) => {
-    const {align, width, contentWidth} = args;
+    const {align, width, contentWidth, offsetLeft} = args;
 
     if (align === 'right') {
         return {left: width - contentWidth};
     } else if (align === 'left') {
         return {left: 0};
     } else {
-        return {left: width / 2 - contentWidth / 2};
+        return {left: offsetLeft + width / 2 - contentWidth / 2};
     }
 };
 
@@ -351,7 +352,9 @@ export const Legend = (props: Props) => {
                                 align: legend.align,
                                 width: config.maxWidth,
                                 contentWidth,
+                                offsetLeft: config.offset.left,
                             });
+
                             left = legendLinePostion.left;
                             legendWidth = config.maxWidth;
                             break;
@@ -395,6 +398,7 @@ export const Legend = (props: Props) => {
                     align: legend.align,
                     width: config.maxWidth,
                     contentWidth: legend.width,
+                    offsetLeft: config.offset.left,
                 });
                 const {top} = getLegendPosition({
                     width: config.maxWidth,