title: Recharts ReferenceLine between data points
body: <p>I have a Recharts <code>LineChart</code> with numeric x-Axis. I would like to draw a <code>ReferenceLine</code> on an arbitrary x-value, but if the x property of <code>ReferenceLine</code> is not any of the x values in my data, it is not showing.</p>
  <p>with</p>
  <pre><code>const data = [{ x: 1, y: 3 }, { x: 1.5, y: 4 }, { x: 2, y: 3 }];
  ...
  &lt;ReferenceLine x={1.7} stroke=&quot;green&quot; label=&quot;actual&quot; alwaysShow={true} /&gt;
  </code></pre>
  <p>nothing is showing, where as</p>
  <pre><code>const data = [{ x: 1, y: 3 }, { x: 1.5, y: 4 }, { x: 2, y: 3 }];
  ...
  &lt;ReferenceLine x={1.5} stroke=&quot;green&quot; label=&quot;actual&quot; alwaysShow={true} /&gt;
  </code></pre>
  <p>works.</p>
  <p>I have built the sandbox here:
  <a href="https://codesandbox.io/s/recharts-playground-xxwnl" rel="nofollow noreferrer">https://codesandbox.io/s/recharts-playground-xxwnl</a></p>
  <p>Is there a way to make the ReferenceLine show for every x?</p>