How to customize the Diagram thumb style?

[Sourangsu Dasgupta]

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)

[Balasubramanian Manikandan]

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;       

   diagram.dataBind(); 

   };

Sample

https://stackblitz.com/edit/duuspv-15fqjv?file=index.html