如何自定义图表散点圆圈大小

Question

我想自定义 Recharts 散点圆圈大小。是否有所有可能的自定义选项的文档？

<ScatterChart
  width={400}
  height={400}
  margin={{ top: 20, right: 20, bottom: 20, left: 20 }}
>
  <CartesianGrid />
  <XAxis type="number" dataKey="x" name="stature" unit="cm" />
  <YAxis type="number" dataKey="y" name="weight" unit="kg" />
  <Tooltip cursor={{ strokeDasharray: '3 3' }} />
  **<Scatter name="A school" data={data} fill="#8884d8" />**
</ScatterChart>

Answer 1

添加 z 轴会改变圆的大小。如果您希望它们全部具有相同的大小，请执行类似于 x 轴或 y 轴的操作...

<ZAxis range={[30, 31]} />

更改范围第一个数字将更改所有圆圈的大小。

如果您希望根据数据块使圆圈具有不同的大小，请点击下面提供的链接。这是一个完美的例子。 https://recharts.org/en-US/examples/ThreeDimScatterChart

Answer 2

您可以通过添加 zAxis 来自定义圆圈的大小。 这是文档中的示例。 https://recharts.org/en-US/examples/ThreeDimScatterChart