Displaying Multiple Y-Values for a Single X-Value in a Scatter Chart

[valli029]

Question

Is it possible to display multiple y-values for the same x-value in a scatter chart?

[zibs]

I'm not totally sure off the top of my head, but have you tried using two scatter charts as siblings, something like:

....
<CartesianChart
          yKeys={["y", "y2"]} ... >
....
 <Scatter
                radius={scatterRadius}
                points={points.y}
                animate={{ type: "spring" }}
                color={colors.blue}
              />
 <Scatter
                radius={scatterRadius}
                points={points.y2}
                animate={{ type: "spring" }}
                color={colors.red}
              />
....

[MrShakes]

Hi @zibs, I'm trying to do something similar to what's displayed in the image, using your suggestion I'd have to use a for loop to add <Scatter for possibly hundreds of points, is this a good way to go, is there a better way?