有没有办法在 Recharts 的 Y 轴中添加“Lakhs”或“Crores”？

问题描述

我正在制作一个 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,214,0.15)" />
              <Area type="monotone" dataKey="Fully Vaccinated" stroke="#34a853" fill="rgb(52,168,83,0.3)" />
            </AreaChart>
          </div>

这是图表的 div 元素现在的样子。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）