# Create multiple cross hairs that stay on the plot and can be dragged

**URL:** <https://community.plotly.com/t/create-multiple-cross-hairs-that-stay-on-the-plot-and-can-be-dragged/23307>\
**Category:** plotly.js\
**Created:** [May 10, 2019, 1:15pm UTC](https://community.plotly.com/t/create-multiple-cross-hairs-that-stay-on-the-plot-and-can-be-dragged/23307 "2019-05-10T13:15:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![CanadaGuy](https://avatars.discourse-cdn.com/v4/letter/c/d78d45/32.png) [@CanadaGuy](https://community.plotly.com/u/CanadaGuy)\
**Post date:** [May 10, 2019, 1:15pm UTC](https://community.plotly.com/t/create-multiple-cross-hairs-that-stay-on-the-plot-and-can-be-dragged/23307/1 "2019-05-10T13:15:31Z")

</div>

I’m considering using Plotly.js (or D3.js if needed) and need to know if the functionality exists to place a cross hair on the plot, with the ability to drag it around, and feed the position to a calculation. I would be looking to place multiple cross hairs with various styling.