如何自定義 Recharts Scatter 圓圈大小

Question

我想自定義 Recharts Scatter 圓的大小。 是否有所有可能的自定義選項的文檔？

    <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

您可以通過添加 zAxis 來自定義圓圈的大小。 這是文檔中的一個示例。 https://recharts.org/en-US/examples/ThreeDimScatterChart

Answer 2

添加 z 軸會改變圓的大小。 如果您希望所有這些都具有相同的大小，請執行類似於 xaxis 或 yaxis 的操作...

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

更改范圍第一個數字將更改所有圓圈的大小。

如果您希望圓圈根據一條數據具有不同的大小，請按照提供的鏈接和下面的鏈接進行操作。 這是一個很好的例子。 https://recharts.org/zh-CN/examples/ThreeDimScatterChart