如何统一Recharts Y轴刻度的科学计数法显示？

要让对数轴的所有刻度都统一用科学计数法显示，只需要给YAxis组件添加tickFormatter属性，自定义一个格式化函数强制转换格式即可。

具体实现步骤： #

1. 定义一个格式化函数，将数值转为科学计数法格式：

const formatToScientific = (value) => {
  // 可通过toExponential的参数控制小数位数，比如toExponential(2)保留两位小数
  return value.toExponential();
};

2. 在你的YAxis组件中引入这个格式化函数：

<YAxis
  label={{
    value: "Collision Probability / -",
    position: "insideLeft",
    angle: -90,
    dx: -3,
    fill: "#808080",
    dy: 70,
    fontSize: "105%"
  }}
  scale="log"
  //@ts-ignore
  domain={['auto', '1']}
  type="number"
  dataKey="probability"
  tickFormatter={formatToScientific} // 添加这一行实现统一格式
/>

这样设置后，所有Y轴刻度（包括0.1这类数值）都会以科学计数法（比如1e-1）的形式显示，实现刻度格式的统一。

内容的提问来源于stack exchange，提问作者Mohamed Yehia