We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to customize the Diagram thumb style?

Can you please help me figure out how to customize diagram thumb size, shape in js.

I want to use a different thumb segment shape (preferable circular) instead of default rhombus, and need to reduce with overall shape, (width/height)

1 Reply

BM Balasubramanian Manikandan Syncfusion Team February 28, 2023 11:33 AM UTC

Use segmentThumbShape property to achieve your requirement. Refer to the below-mentioned documentation and sample.

Code Snippet

   document.getElementById("segmentShapes").onchange = function () {       

  diagram.segmentThumbShape = document.getElementById("segmentShapes").value;       





Live Chat Icon For mobile
Up arrow icon