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