diff --git a/src/victory-legend/helper-methods.js b/src/victory-legend/helper-methods.js
index 57738f1..02bd0a4 100644
--- a/src/victory-legend/helper-methods.js
+++ b/src/victory-legend/helper-methods.js
@@ -3,257 +3,273 @@ import Helpers from "../victory-util/helpers";
 import Style from "../victory-util/style";
 import TextSize from "../victory-util/textsize";
 
-const getColorScale = (props) => {
-  const { colorScale } = props;
-  return typeof colorScale === "string" ? Style.getColorScale(colorScale) : colorScale || [];
-};
-
-const getLabelStyles = (props) => {
-  const { data, style } = props;
-  return data.map((datum) => {
-    const baseLabelStyles = defaults({}, datum.labels, style.labels);
-    return Helpers.evaluateStyle(baseLabelStyles, datum);
-  });
-};
-
-const getStyles = (props, styleObject) => {
-  const style = props.style || {};
-  styleObject = styleObject || {};
-  const parentStyleProps = { height: "100%", width: "100%" };
-  return {
-    parent: defaults(style.parent, styleObject.parent, parentStyleProps),
-    data: defaults({}, style.data, styleObject.data),
-    labels: defaults({}, style.labels, styleObject.labels),
-    border: defaults({}, style.border, styleObject.border),
-    title: defaults({}, style.title, styleObject.title)
-  };
-};
-
-const getCalculatedValues = (props) => {
-  const { orientation, theme } = props;
-  const defaultStyles = theme && theme.legend && theme.legend.style ? theme.legend.style : {};
-  const style = getStyles(props, defaultStyles);
-  const colorScale = getColorScale(props);
-  const isHorizontal = orientation === "horizontal";
-  const borderPadding = Helpers.formatPadding(props.borderPadding);
-  return assign({}, props, { style, isHorizontal, colorScale, borderPadding });
-};
-
-const getColumn = (props, index) => {
-  const { itemsPerRow, isHorizontal } = props;
-  if (!itemsPerRow) {
-    return isHorizontal ? index : 0;
-  }
-  return isHorizontal ? index % itemsPerRow : Math.floor(index / itemsPerRow);
-};
+export default {
+  getColorScale(props) {
+    const { colorScale } = props;
+    return typeof colorScale === "string" ? Style.getColorScale(colorScale) : colorScale || [];
+  },
 
-const getRow = (props, index) => {
-  const { itemsPerRow, isHorizontal } = props;
-  if (!itemsPerRow) {
-    return isHorizontal ? 0 : index;
-  }
-  return isHorizontal ? Math.floor(index / itemsPerRow) : index % itemsPerRow;
-};
+  getLabelStyles(props) {
+    const { data, style } = props;
+    return data.map((datum) => {
+      const baseLabelStyles = defaults({}, datum.labels, style.labels);
+      return Helpers.evaluateStyle(baseLabelStyles, datum);
+    });
+  },
 
-const groupData = (props) => {
-  const { data } = props;
-  const style = props.style && props.style.data || {};
-  const labelStyles = getLabelStyles(props);
-  return data.map((datum, index) => {
-    const symbol = datum.symbol || {};
-    const { fontSize } = labelStyles[index];
-    // eslint-disable-next-line no-magic-numbers
-    const size = symbol.size || style.size || fontSize / 2.5;
-    const symbolSpacer = props.symbolSpacer || Math.max(size, fontSize);
+  getStyles(props, styleObject) {
+    const style = props.style || {};
+    styleObject = styleObject || {};
+    const parentStyleProps = { height: "100%", width: "100%" };
     return {
-      ...datum, size, symbolSpacer, fontSize,
-      textSize: TextSize.approximateTextSize(datum.name, labelStyles[index]),
-      column: getColumn(props, index),
-      row: getRow(props, index)
+      parent: defaults(style.parent, styleObject.parent, parentStyleProps),
+      data: defaults({}, style.data, styleObject.data),
+      labels: defaults({}, style.labels, styleObject.labels),
+      border: defaults({}, style.border, styleObject.border),
+      title: defaults({}, style.title, styleObject.title)
     };
-  });
-};
+  },
 
-const getColumnWidths = (props, data) => {
-  const gutter = props.gutter || {};
-  const gutterWidth = typeof gutter === "object" ?
-    (gutter.left || 0) + (gutter.right || 0) :
-    (gutter || 0);
-  const dataByColumn = groupBy(data, "column");
-  const columns = keys(dataByColumn);
-  return columns.reduce((memo, curr, index) => {
-    const lengths = dataByColumn[curr].map((d) => {
-      return d.textSize.width + d.size + d.symbolSpacer + gutterWidth;
-    });
-    memo[index] = Math.max(...lengths);
-    return memo;
-  }, []);
-};
+  getCalculatedValues(props) {
+    const { orientation, theme } = props;
+    const defaultStyles = theme && theme.legend && theme.legend.style ? theme.legend.style : {};
+    const style = this.getStyles(props, defaultStyles);
+    const colorScale = this.getColorScale(props);
+    const isHorizontal = orientation === "horizontal";
+    const borderPadding = Helpers.formatPadding(props.borderPadding);
+    return assign({}, props, { style, isHorizontal, colorScale, borderPadding });
+  },
 
-const getRowHeights = (props, data) => {
-  const gutter = props.rowGutter || {};
-  const gutterHeight = typeof gutter === "object" ?
-    (gutter.top || 0) + (gutter.bottom || 0) :
-    (gutter || 0);
-  const dataByRow = groupBy(data, "row");
-  return keys(dataByRow).reduce((memo, curr, index) => {
-    const rows = dataByRow[curr];
-    const lengths = rows.map((d) => {
-      return d.textSize.height + d.symbolSpacer + gutterHeight;
-    });
-    memo[index] = Math.max(...lengths);
-    return memo;
-  }, []);
-};
+  getColumn(props, index) {
+    const { itemsPerRow, isHorizontal } = props;
+    if (!itemsPerRow) {
+      return isHorizontal ? index : 0;
+    }
+    return isHorizontal ? index % itemsPerRow : Math.floor(index / itemsPerRow);
+  },
 
-const getTitleDimensions = (props) => {
-  const style = props.style && props.style.title || {};
-  const textSize = TextSize.approximateTextSize(props.title, style);
-  const padding = style.padding || 0;
-  return { height: textSize.height + 2 * padding || 0, width: textSize.width + 2 * padding || 0 };
-};
+  getRow(props, index) {
+    const { itemsPerRow, isHorizontal } = props;
+    if (!itemsPerRow) {
+      return isHorizontal ? 0 : index;
+    }
+    return isHorizontal ? Math.floor(index / itemsPerRow) : index % itemsPerRow;
+  },
+
+  groupData(props) {
+    const { data } = props;
+    const style = props.style && props.style.data || {};
+    const labelStyles = this.getLabelStyles(props);
+    return data.map((datum, index) => {
+      const symbol = datum.symbol || {};
+      const { fontSize } = labelStyles[index];
+      // eslint-disable-next-line no-magic-numbers
+      const size = symbol.size || style.size || fontSize / 2.5;
+      const symbolSpacer = props.symbolSpacer || Math.max(size, fontSize);
+      return {
+        ...datum, size, symbolSpacer, fontSize,
+        textSize: TextSize.approximateTextSize(datum.name, labelStyles[index]),
+        column: this.getColumn(props, index),
+        row: this.getRow(props, index)
+      };
+    });
+  },
 
-const getOffset = (datum, rowHeights, columnWidths) => {
-  const { column, row } = datum;
-  return {
-    x: range(column).reduce((memo, curr) => {
-      memo += columnWidths[curr];
+  getColumnWidths(props, data) {
+    const gutter = props.gutter || {};
+    const gutterWidth = typeof gutter === "object" ?
+      (gutter.left || 0) + (gutter.right || 0) :
+      (gutter || 0);
+    const dataByColumn = groupBy(data, "column");
+    const columns = keys(dataByColumn);
+    return columns.reduce((memo, curr, index) => {
+      const lengths = dataByColumn[curr].map((d) => {
+        return d.textSize.width + d.size + d.symbolSpacer + gutterWidth;
+      });
+      memo[index] = Math.max(...lengths);
       return memo;
-    }, 0),
-    y: range(row).reduce((memo, curr) => {
-      memo += rowHeights[curr];
+    }, []);
+  },
+
+  getRowHeights(props, data) {
+    const gutter = props.rowGutter || {};
+    const gutterHeight = typeof gutter === "object" ?
+      (gutter.top || 0) + (gutter.bottom || 0) :
+      (gutter || 0);
+    const dataByRow = groupBy(data, "row");
+    return keys(dataByRow).reduce((memo, curr, index) => {
+      const rows = dataByRow[curr];
+      const lengths = rows.map((d) => {
+        return d.textSize.height + d.symbolSpacer + gutterHeight;
+      });
+      memo[index] = Math.max(...lengths);
       return memo;
-    }, 0)
-  };
-};
+    }, []);
+  },
 
-const getAnchors = (titleOrientation, centerTitle) => {
-  const standardAnchors = {
-    textAnchor: titleOrientation === "right" ? "end" : "start",
-    verticalAnchor: titleOrientation === "bottom" ? "end" : "start"
-  };
-  if (centerTitle) {
-    const horizontal = titleOrientation === "top" || titleOrientation === "bottom";
+  getTitleDimensions(props) {
+    const style = props.style && props.style.title || {};
+    const textSize = TextSize.approximateTextSize(props.title, style);
+    const padding = style.padding || 0;
+    return { height: textSize.height + 2 * padding || 0, width: textSize.width + 2 * padding || 0 };
+  },
+
+  getOffset(datum, rowHeights, columnWidths) {
+    const { column, row } = datum;
     return {
-      textAnchor: horizontal ? "middle" : standardAnchors.textAnchor,
-      verticalAnchor: horizontal ? standardAnchors.verticalAnchor : "middle"
+      x: range(column).reduce((memo, curr) => {
+        memo += columnWidths[curr];
+        return memo;
+      }, 0),
+      y: range(row).reduce((memo, curr) => {
+        memo += rowHeights[curr];
+        return memo;
+      }, 0)
     };
-  } else {
-    return standardAnchors;
-  }
-};
+  },
 
-const getTitleStyle = (props) => {
-  const { titleOrientation, centerTitle, titleComponent } = props;
-  const baseStyle = props.style && props.style.title || {};
-  const componentStyle = titleComponent.props && titleComponent.props.style || {};
-  const anchors = getAnchors(titleOrientation, centerTitle);
-  return Array.isArray(componentStyle) ?
-    componentStyle.map((obj) => defaults({}, obj, baseStyle, anchors)) :
-    defaults({}, componentStyle, baseStyle, anchors);
-};
+  getAnchors(titleOrientation, centerTitle) {
+    const standardAnchors = {
+      textAnchor: titleOrientation === "right" ? "end" : "start",
+      verticalAnchor: titleOrientation === "bottom" ? "end" : "start"
+    };
+    if (centerTitle) {
+      const horizontal = titleOrientation === "top" || titleOrientation === "bottom";
+      return {
+        textAnchor: horizontal ? "middle" : standardAnchors.textAnchor,
+        verticalAnchor: horizontal ? standardAnchors.verticalAnchor : "middle"
+      };
+    } else {
+      return standardAnchors;
+    }
+  },
 
-// eslint-disable-next-line complexity
-const getTitleProps = (props, borderProps) => {
-  const { title, titleOrientation, centerTitle, borderPadding } = props;
-  const { height, width } = borderProps;
-  const style = getTitleStyle(props);
-  const padding = Array.isArray(style) ? style[0].padding : style.padding;
-  const horizontal = titleOrientation === "top" || titleOrientation === "bottom";
-  const xOrientation = titleOrientation === "bottom" ? "bottom" : "top";
-  const yOrientation = titleOrientation === "right" ? "right" : "left";
-  const standardPadding = {
-    x: centerTitle ? width / 2 : borderPadding[xOrientation] + (padding || 0),
-    y: centerTitle ? height / 2 : borderPadding[yOrientation] + (padding || 0)
-  };
-  const getPadding = () => {
-    return borderPadding[titleOrientation] + (padding || 0);
-  };
-  const xOffset = horizontal ? standardPadding.x : getPadding();
-  const yOffset = horizontal ? getPadding() : standardPadding.y;
+  getTitleStyle(props) {
+    const { titleOrientation, centerTitle, titleComponent } = props;
+    const baseStyle = props.style && props.style.title || {};
+    const componentStyle = titleComponent.props && titleComponent.props.style || {};
+    const anchors = this.getAnchors(titleOrientation, centerTitle);
+    return Array.isArray(componentStyle) ?
+      componentStyle.map((obj) => defaults({}, obj, baseStyle, anchors)) :
+      defaults({}, componentStyle, baseStyle, anchors);
+  },
 
-  return {
-    x: titleOrientation === "right" ? props.x + width - xOffset : props.x + xOffset,
-    y: titleOrientation === "bottom" ? props.y + height - yOffset : props.y + yOffset,
-    style,
-    text: title
-  };
-};
+  // eslint-disable-next-line complexity
+  getTitleProps(props, borderProps) {
+    const { title, titleOrientation, centerTitle, borderPadding } = props;
+    const { height, width } = borderProps;
+    const style = this.getTitleStyle(props);
+    const padding = Array.isArray(style) ? style[0].padding : style.padding;
+    const horizontal = titleOrientation === "top" || titleOrientation === "bottom";
+    const xOrientation = titleOrientation === "bottom" ? "bottom" : "top";
+    const yOrientation = titleOrientation === "right" ? "right" : "left";
+    const standardPadding = {
+      x: centerTitle ? width / 2 : borderPadding[xOrientation] + (padding || 0),
+      y: centerTitle ? height / 2 : borderPadding[yOrientation] + (padding || 0)
+    };
+    const getPadding = () => {
+      return borderPadding[titleOrientation] + (padding || 0);
+    };
+    const xOffset = horizontal ? standardPadding.x : getPadding();
+    const yOffset = horizontal ? getPadding() : standardPadding.y;
 
-const getBorderProps = (props, contentHeight, contentWidth) => {
-  const { x, y, borderPadding, style } = props;
-  const height = contentHeight + borderPadding.top + borderPadding.bottom;
-  const width = contentWidth + borderPadding.left + borderPadding.right;
-  return { x, y, height, width, style: style.border };
-};
+    return {
+      x: titleOrientation === "right" ? props.x + width - xOffset : props.x + xOffset,
+      y: titleOrientation === "bottom" ? props.y + height - yOffset : props.y + yOffset,
+      style,
+      text: title
+    };
+  },
 
-// eslint-disable-next-line max-statements, complexity
-export default (props, fallbackProps) => {
-  const modifiedProps = Helpers.modifyProps(props, fallbackProps, "legend");
-  props = assign({}, modifiedProps, getCalculatedValues(modifiedProps));
-  const {
-    data, standalone, theme, padding, style, colorScale, gutter, rowGutter,
-    borderPadding, title, titleOrientation, x = 0, y = 0
-  } = props;
-  const groupedData = groupData(props);
-  const columnWidths = getColumnWidths(props, groupedData);
-  const rowHeights = getRowHeights(props, groupedData);
-  const labelStyles = getLabelStyles(props);
-  const titleDimensions = title ? getTitleDimensions(props) : { height: 0, width: 0 };
-  const titleOffset = {
-    x: titleOrientation === "left" ? titleDimensions.width : 0,
-    y: titleOrientation === "top" ? titleDimensions.height : 0
-  };
-  const gutterOffset = {
-    x: gutter && typeof gutter === "object" ? gutter.left || 0 : 0,
-    y: rowGutter && typeof rowGutter === "object" ? rowGutter.top || 0 : 0
-  };
+  getBorderProps(props, contentHeight, contentWidth) {
+    const { x, y, borderPadding, style } = props;
+    const height = contentHeight + borderPadding.top + borderPadding.bottom;
+    const width = contentWidth + borderPadding.left + borderPadding.right;
+    return { x, y, height, width, style: style.border };
+  },
 
-  const contentHeight = titleOrientation === "left" || titleOrientation === "right" ?
-    Math.max(sum(rowHeights), titleDimensions.height) : sum(rowHeights) + titleDimensions.height;
-  const contentWidth = titleOrientation === "left" || titleOrientation === "right" ?
-    sum(columnWidths) + titleDimensions.width : Math.max(sum(columnWidths), titleDimensions.width);
+  getDimensions(props, fallbackProps) {
+    const modifiedProps = Helpers.modifyProps(props, fallbackProps, "legend");
+    props = assign({}, modifiedProps, this.getCalculatedValues(modifiedProps));
+    const { title, titleOrientation } = props;
+    const groupedData = this.groupData(props);
+    const columnWidths = this.getColumnWidths(props, groupedData);
+    const rowHeights = this.getRowHeights(props, groupedData);
+    const titleDimensions = title ? this.getTitleDimensions(props) : { height: 0, width: 0 };
 
-  const initialProps = {
-    parent: {
-      data, standalone, theme, padding,
-      height: props.height,
-      width: props.width,
-      style: style.parent
-    }
-  };
-  const borderProps = getBorderProps(props, contentHeight, contentWidth);
-  const titleProps = getTitleProps(props, borderProps);
-  return groupedData.reduce((childProps, datum, i) => {
-    const color = colorScale[i % colorScale.length];
-    const dataStyle = defaults({}, datum.symbol, style.data, { fill: color });
-    const eventKey = datum.eventKey || i;
-    const offset = getOffset(datum, rowHeights, columnWidths);
-    const originY = y + borderPadding.top + datum.symbolSpacer;
-    const originX = x + borderPadding.left + datum.symbolSpacer;
-    const dataProps = {
-      index: i,
-      data, datum,
-      key: `legend-symbol-${i}`,
-      symbol: dataStyle.type || dataStyle.symbol || "circle",
-      size: datum.size,
-      style: dataStyle,
-      y: originY + offset.y + titleOffset.y + gutterOffset.y,
-      x: originX + offset.x + titleOffset.x + gutterOffset.x
+    return {
+      height: titleOrientation === "left" || titleOrientation === "right" ?
+        Math.max(sum(rowHeights), titleDimensions.height) :
+        sum(rowHeights) + titleDimensions.height,
+      width: titleOrientation === "left" || titleOrientation === "right" ?
+        sum(columnWidths) + titleDimensions.width :
+        Math.max(sum(columnWidths), titleDimensions.width)
     };
+  },
 
-    const labelProps = {
-      datum, data,
-      key: `legend-label-${i}`,
-      text: datum.name,
-      style: labelStyles[i],
-      y: dataProps.y,
-      x: dataProps.x + datum.symbolSpacer + (datum.size / 2)
+  getBaseProps(props, fallbackProps) {
+    const modifiedProps = Helpers.modifyProps(props, fallbackProps, "legend");
+    props = assign({}, modifiedProps, this.getCalculatedValues(modifiedProps));
+    const {
+      data, standalone, theme, padding, style, colorScale, gutter, rowGutter,
+      borderPadding, title, titleOrientation, x = 0, y = 0
+    } = props;
+    const groupedData = this.groupData(props);
+    const columnWidths = this.getColumnWidths(props, groupedData);
+    const rowHeights = this.getRowHeights(props, groupedData);
+    const labelStyles = this.getLabelStyles(props);
+    const titleDimensions = title ? this.getTitleDimensions(props) : { height: 0, width: 0 };
+    const titleOffset = {
+      x: titleOrientation === "left" ? titleDimensions.width : 0,
+      y: titleOrientation === "top" ? titleDimensions.height : 0
     };
-    childProps[eventKey] = eventKey === 0 ?
-      { data: dataProps, labels: labelProps, border: borderProps, title: titleProps } :
-      { data: dataProps, labels: labelProps };
+    const gutterOffset = {
+      x: gutter && typeof gutter === "object" ? gutter.left || 0 : 0,
+      y: rowGutter && typeof rowGutter === "object" ? rowGutter.top || 0 : 0
+    };
+    const { height, width } = this.getDimensions(props, fallbackProps);
+    const initialProps = {
+      parent: {
+        data, standalone, theme, padding,
+        height: props.height,
+        width: props.width,
+        style: style.parent
+      }
+    };
+    const borderProps = this.getBorderProps(props, height, width);
+    const titleProps = this.getTitleProps(props, borderProps);
+    return groupedData.reduce((childProps, datum, i) => {
+      const color = colorScale[i % colorScale.length];
+      const dataStyle = defaults({}, datum.symbol, style.data, { fill: color });
+      const eventKey = datum.eventKey || i;
+      const offset = this.getOffset(datum, rowHeights, columnWidths);
+      const originY = y + borderPadding.top + datum.symbolSpacer;
+      const originX = x + borderPadding.left + datum.symbolSpacer;
+      const dataProps = {
+        index: i,
+        data, datum,
+        key: `legend-symbol-${i}`,
+        symbol: dataStyle.type || dataStyle.symbol || "circle",
+        size: datum.size,
+        style: dataStyle,
+        y: originY + offset.y + titleOffset.y + gutterOffset.y,
+        x: originX + offset.x + titleOffset.x + gutterOffset.x
+      };
+
+      const labelProps = {
+        datum, data,
+        key: `legend-label-${i}`,
+        text: datum.name,
+        style: labelStyles[i],
+        y: dataProps.y,
+        x: dataProps.x + datum.symbolSpacer + (datum.size / 2)
+      };
+      childProps[eventKey] = eventKey === 0 ?
+        { data: dataProps, labels: labelProps, border: borderProps, title: titleProps } :
+        { data: dataProps, labels: labelProps };
 
-    return childProps;
-  }, initialProps);
+      return childProps;
+    }, initialProps);
+  }
 };
+
diff --git a/src/victory-legend/victory-legend.js b/src/victory-legend/victory-legend.js
index 01d4a7e..bbcaa1f 100644
--- a/src/victory-legend/victory-legend.js
+++ b/src/victory-legend/victory-legend.js
@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { partialRight } from "lodash";
-import { default as getBaseProps } from "./helper-methods";
+import LegendHelpers from "./helper-methods";
 import CustomPropTypes from "../victory-util/prop-types";
 import addEvents from "../victory-util/add-events";
 import Helpers from "../victory-util/helpers";
@@ -149,7 +149,10 @@ class VictoryLegend extends React.Component {
     titleComponent: <VictoryLabel/>
   };
 
-  static getBaseProps = partialRight(getBaseProps, fallbackProps);
+  static getBaseProps = partialRight(LegendHelpers.getBaseProps.bind(LegendHelpers), fallbackProps);
+  static getDimensions = partialRight(
+    LegendHelpers.getDimensions.bind(LegendHelpers), fallbackProps
+  );
   static expectedComponents = [
     "borderComponent", "containerComponent", "dataComponent",
     "groupComponent", "labelComponent", "titleComponent"