Есть ли способ добавить лакхи или кроры по оси Y в Recharts?

Я делаю информационную панель Covid-19 и хочу создать график, показывающий количество людей, ежедневно вакцинируемых. Прямо сейчас это выглядит так:

введите здесь описание изображения

Я хочу добавить какую-то легкую для понимания единицу измерения, а не только числа, то есть лакхи и кроры. Каким был бы мой способ сделать это?

<div className={classes.chartArea}>
            <AreaChart
              width={1000}
              height={400}
              data={this.state.data}
              margin={{
                top: 10, right: 30, left: 30, bottom: 0,
              }}
            >
              {/* <CartesianGrid strokeDasharray="3 3" /> */}
              <XAxis dataKey="Date"/>
              <YAxis orientation="right"/>
              <Legend verticalAlign="top" height={36}/>
              <Tooltip 
                label="{Date}" labelFormatter={(name) => name}
                formatter={(name) => name + " people"}
              />
              <Area type="monotone" dataKey="Atleast 1 Dose" stroke="rgb(124, 88, 214)" fill="rgb(124, 88, 214, 0.15)" />
              <Area type="monotone" dataKey="Fully Vaccinated" stroke="#34a853" fill="rgb(52, 168, 83, 0.3)" />
            </AreaChart>
          </div>

Вот как сейчас выглядит элемент div графика.


person moo    schedule 14.05.2021    source источник
comment
Я нашел много ответов при поиске, таком как github.com/recharts/recharts/issues/1534   -  person mplungjan    schedule 14.05.2021