1. Home
  2. Forum
  3. Flutter
  4. StepLineSeries with rounded off corners

StepLineSeries with rounded off corners

Hello!

I have used the StepLineSeries in my project. Is it possible to make the line itself a bit more rounded?

See the attachment (an illustration) of what i want to achieve (ignore the line color). As you can see the "corners" of the line is rounded off.


Attachment: Simulator_Screen_Shot__iPhone_14__20221005_at_15.40.05.png_c83c82cc.zip

1 Reply
PG Praveen Gopalsamy Syncfusion Team October 7, 2022 02:28 PM UTC

Hi Martin,

Greetings from Syncfusion.

We have validated your query and you can achieve this using the StepLineSeries.onCreateRenderer callback. You will get this callback when creating the state for the StepLineSeries. Override the getStrokePaint() method in the custom StepLineSegment class and set the strokeCap as StrokeCap.round. This makes the line edges rounded.

We have attached the sample for your reference. Please check it and let us know if you need any further assistance with this.

Regards,

Praveen G.


Attachment: flutter_charts_b0be6a25.zip

Loader.
Up arrow icon