Manage z-index for Scatter Chart

[vbaulac]

Hi.

It would be very nice to be able to manage a z-index in the Scatter plot. I have a lot of point in my scatter plot, and they do not have the same color. And some are more important than others. I'd like them to be on front, so they are not hidden by others.

Current hack would probably be to change the order of the array of my Spots, but it is an hack.

Having a z-index property, CSS-style, would be super.

Thanks for this awesome lib !

Victor

[hareendranmg]

Hi @vbaulac , Did you found any solution?

[imaNNeo]

It's a good starting point for contributing, you can just read the guideline and open your PR.
We can add a property (for example called renderPriority which is null by default) here:

fl_chart/lib/src/chart/scatter_chart/scatter_chart_data.dart

Lines 189 to 204 in 11d13a7

	class ScatterSpot extends FlSpot with EquatableMixin {
	/// You can change [show] value to show or hide the spot,
	/// [x], and [y] defines the location of spot in the [ScatterChart],
	/// [radius] defines the size of spot, and [color] defines the color of it.
	ScatterSpot(
	super.x,
	super.y, {
	bool? show,
	FlDotPainter? dotPainter,
	}) : show = show ?? true,
	dotPainter = dotPainter ??
	FlDotCirclePainter(
	radius: 6,
	color:
	Colors.primaries[((x * y) % Colors.primaries.length).toInt()],
	);

Then when rendering it, you can sort them by the renderPriority if any point has this property.

[mitulagr2]

I can take this if you'd like!

[imaNNeo]

I can take this if you'd like!

Yes, that would be nice!

[imaNNeo]

This feature has just been added in 0.70.1. Please take a look!