How to create Ruler for Gltf Model measurment(custom shape ruler) calculation almost done

I found an example and modified as per my need, here is the modified version

Code : https://jsfiddle.net/seeon/b5sLjpna/117/

For ruler here, THREE.ArrowHelper are used, I wanted to make it something like this

image

I did try using Line Material and Geometry, I did manage to get longer line but don’t know how to get those small dash at the end of line.

I have never used canvas2d or line geometry.
canvas2d because in line geometry we can’t actually change line width as mention in documentation

Any help is appreciated.
Thank you in Advance

No one answered your question, but you can do this by attaching two vertical lines at each end of your main line.