How to customize the Diagram thumb style?

Question

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 · Answer

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