Я делаю информационную панель 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 графика.