Recharts: LineChart Simple line chart

 import { LineChart , XAxis, Line, CartesianGrid, Tooltip} from "recharts";

function LineChartSimple() {

    const data = [

        { name: 'Mon', expense: 100},

        { name: 'Tue', expense: 300},

        { name: 'Wed', expense: 280},

        { name: 'Thu', expense: 200},

        { name: 'Fri', expense: 278},

      ];

    return (

      <div>

        <LineChart

            width={700}

            height={500}

            data={data}

            >

            <XAxis dataKey="name" />

            <Tooltip />

            <CartesianGrid stroke="#df3df3" />

            <Line type="monotone" dataKey="expense" stroke="#fd3330" yAxisId={0} />

            </LineChart>

      </div>

    );

  }

 

  export default LineChartSimple;