title: Should not display scatter when the value is 0 in rechart
body: <p>I'm using rechart , in that I've one problem. I'm using scatter chart. If the value of scatter chart is 0 scatter is displaying on top of x-axis(Y value 0), I don't want to display scatter when value is &quot;0&quot;</p>
  <p><strong>Code which I Used</strong></p>
  <pre><code>const {ScatterChart, Scatter, XAxis, YAxis, ZAxis, CartesianGrid, Tooltip, Legend} = Recharts;
  const data01 = [{x: 100, y: 200}, {x: 120, y: 0},
                  ];
  
  
  const ThreeDimScatterChart = React.createClass({
      render () {
      return (
          &lt;ScatterChart width={400} height={400} margin={{top: 20, right: 20, bottom: 20, left: 20}}&gt;
          &lt;XAxis type=&quot;number&quot; dataKey={'x'} name='stature' unit='cm'/&gt;
          &lt;YAxis type=&quot;number&quot; dataKey={'y'} name='weight' unit='kg'/&gt;
       
          &lt;CartesianGrid /&gt;
          &lt;Tooltip cursor={{strokeDasharray: '3 3'}}/&gt;
          &lt;Legend /&gt;
          &lt;Scatter name='A school' data={data01} fill='#8884d8' shape=&quot;star&quot;/&gt;
  
        &lt;/ScatterChart&gt;
      );
    }
  })
  
  ReactDOM.render(
    &lt;ThreeDimScatterChart /&gt;,
    document.getElementById('container')
  );
  </code></pre>
  <p><strong>Output I got</strong></p>
  <p><a href="https://i.stack.imgur.com/0GP4K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0GP4K.png" alt="enter image description here" /></a></p>
  <p>So in this image for 2nd scatter x value is 120 and y value is 0, So if y value is 0 . I don't want to diaplay scatter at all.</p>
  <p>Please help me in this</p>
  <p>Thanks</p>