Custom marker widget on SfCartesianChart

[Bouttier]

I have a SfCartesianChart with a TrackballBehavior. I would like to have a custom marker, put a widget instead.

From what I tested you can update some parameters (size, border, shape, ...), but you can't pass a completely custom widget.The onMarkerRender does not return a widget either, it returns void.

An example of what I would like (see attachment).

By doing something like this :

onMarkerRender: (MarkerRenderArgs markerArgs) {
  Measure measure = listMeasuresSelected[markerArgs.seriesIndex];
  return Container(
decoration: BoxDecoration(
  shape: BoxShape.circle,
  border: Border.all(
color: AppColors.mapMeasureBorderColor[measure],
width: 1
  ),
),
child: Padding(
  padding: EdgeInsets.all(10),
  child: Container(
width: 12,
height: 12,
decoration: BoxDecoration(
  shape: BoxShape.circle,
  border: Border.all(
color: AppColors.mapMeasureBorderColor[measure],
width: 2
  )
),
  ),
),
  );
},

Did I miss something? Would it be possible to integrate it in the near future?

Thanks in advance

[Yuvaraj Gajaraj]

Hi Bouttier,

The requirement can be achieved with the help of a ValueNotifier and CustomPainter widget, here we have rendered a custom marker at the trackball enabled position and hidden it when the trackball gets disappeared. We have created the sample and shared it below for your reference, you can modify it as per your requirement.

Regards,

Yuvaraj.

Attachment: f180987_72a60ebf.zip

[Bouttier]

Perfect, like every time. Thank you

[Yuvaraj Gajaraj]

Most Welcome. Kindly get back to us if you have further queries. We are always happy to assist you.