Merge pull request #119 from FormidableLabs/639/render-in-portal

transform individual pie slices rather than entire group
FormidableLabs · Jul 14, 2017 · 5d8e8fd · 5d8e8fd
2 parents 17f3221 + b276133
commit 5d8e8fd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/lib/components/victory-pie.js b/lib/components/victory-pie.js
@@ -14,10 +14,4 @@ export default class extends VictoryPie {
     containerComponent: <VictoryContainer/>,
     groupComponent: <G/>
   };
-
-    // Overrides method in victory-pie
-  renderGroup(props, children) {
-    const { x, y } = this.getOffset(props);
-    return React.cloneElement(props.groupComponent, { translateX: x, translateY: y }, children);
-  }
 }
diff --git a/lib/components/victory-primitives/slice.js b/lib/components/victory-primitives/slice.js
@@ -6,14 +6,17 @@ import { NativeHelpers } from "../../index";
 export default class extends Slice {
   // Overrides method in victory-core
   renderSlice(path, style, events) {
-    const { role, shapeRendering, className } = this.props;
+    const { role, shapeRendering, className, origin } = this.props;
     const nativeStyle = NativeHelpers.getStyle(style);
+    const baseTransform = origin ? `translate(${origin.x} ${origin.y})` : undefined;
+    const transform = NativeHelpers.getTransform(baseTransform);
     return (
       <Path
         className={className}
         role={role || "presentation"}
         shapeRendering={shapeRendering || "auto"}
         d={path}
+        {...transform}
         {...nativeStyle}
         {...events}
       />