javascript - 如何自定义 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