https://recharts.org/en-US/examples/SimpleLineChart

        <ResponsiveContainer
          height={260}
          width="100%"
        >
          <LineChart data={profitData}>
            <XAxis dataKey="date" />
            <YAxis />
            <Tooltip formatter={function (val) {
              return parseFloat(${val}).toFixed(1);
            }} />
            <Line type="monotone" dataKey="profit" stroke="#006943" strokeWidth={2}
              dot={false}
            />
          </LineChart>
        </ResponsiveContainer>

можно ли сделать Line с заостренными углами?