title: Recharts remove line from linechart
body: <p>I need a way to remove the connecting lines and show only the dots on recharts linechart.
  Here is a sample code. My reason is because I was originally using a scatter plot to display a large amount of data but it doesnt change much and it ends up looking like the linegraph. I was having some rendering issues being slow with scatter plot that is why I want to switch to a linegraph. Here is the <a href="https://codesandbox.io/s/simple-line-chart-kec3v?file=/src/App.tsx:0-1218" rel="nofollow noreferrer">codesandbox</a>. I want all the dots to appear in the sample but the lines to be gone. I cant find a prop that does this maybe I missed it</p>
  <pre><code>import &quot;./styles.css&quot;;
  import React from &quot;react&quot;;
  import {
    LineChart,
    Line,
    XAxis,
    YAxis,
    CartesianGrid,
    Tooltip,
    Legend
  } from &quot;recharts&quot;;
  
  const data = [
    {
      name: &quot;Page A&quot;,
      uv: 4000,
      pv: 2400,
      amt: 2400
    },
    {
      name: &quot;Page B&quot;,
      uv: 3000,
      pv: 1398,
      amt: 2210
    },
    {
      name: &quot;Page C&quot;,
      uv: 2000,
      pv: 9800,
      amt: 2290
    },
    {
      name: &quot;Page D&quot;,
      uv: 2780,
      pv: 3908,
      amt: 2000
    },
    {
      name: &quot;Page E&quot;,
      uv: 1890,
      pv: 4800,
      amt: 2181
    },
    {
      name: &quot;Page F&quot;,
      uv: 2390,
      pv: 3800,
      amt: 2500
    },
    {
      name: &quot;Page G&quot;,
      uv: 3490,
      pv: 4300,
      amt: 2100
    }
  ];
  
  export default function App() {
    return (
      &lt;LineChart
        width={500}
        height={300}
        data={data}
        margin={{
          top: 5,
          right: 30,
          left: 20,
          bottom: 5
        }}
      &gt;
        &lt;CartesianGrid strokeDasharray=&quot;3 3&quot; /&gt;
        &lt;XAxis dataKey=&quot;name&quot; /&gt;
        &lt;YAxis /&gt;
        &lt;Tooltip /&gt;
        &lt;Legend /&gt;
        &lt;Line
          type=&quot;monotone&quot;
          dataKey=&quot;pv&quot;
          stroke=&quot;#8884d8&quot;
          activeDot={{ r: 8 }}
        /&gt;
        &lt;Line type=&quot;monotone&quot; dataKey=&quot;uv&quot; stroke=&quot;#82ca9d&quot; /&gt;
      &lt;/LineChart&gt;
    );
  }
  </code></pre>