VictoryLine is cuts off when interpolation is used

[ardavank]

• [X] I have read through the FAQ and Guides

• [X] I am using the latest version of Victory

• [X] I've searched open issues to make sure I'm not opening a duplicate issue

The Problem

consider the following example:

<VictoryChart>
  <VictoryLine
    data={[
      { x: 1, y: 2 },
      { x: 2, y: 3 },
      { x: -3, y: 5 },
      { x: -4, y: 4 },
      { x: -5, y: 7 }
    ]}
  />
</VictoryChart>

When no interpolation is used, the chart looks fine, however, when interpolation is added, the bottom potion of the graph is cut off

Reproduction

This issue is reproducible on both web and React Native

Navigate to https://formidable.com/open-source/victory/docs/victory-line/ and try the following:

<VictoryChart>
 <VictoryLine
   interpolation="cardinal"
   data={[
     { x: 1, y: 2 },
     { x: 2, y: 3 },
     { x: -3, y: 5 },
     { x: -4, y: 4 },
     { x: -5, y: 7 }
   ]}
 />
</VictoryChart>