Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hi, how can i show high, low, open ,close values? #226

Open
AshotStdev opened this issue Aug 10, 2018 · 10 comments
Open

Hi, how can i show high, low, open ,close values? #226

AshotStdev opened this issue Aug 10, 2018 · 10 comments

Comments

@AshotStdev
Copy link

No description provided.

@evbarnett
Copy link

Are you referring to this type of graph?

@icastillejogomez
Copy link

I think @AshotStdev need the typical box on candlestick's hover with that information. I need it too 😞

@icastillejogomez
Copy link

The only solution I founded to this trouble is to use crosshair mouse axis. http://bl.ocks.org/andredumas/045f550b72ad46301130

@thibautquentinjacob
Copy link

@icastillejogomez Found a way to display OHLC information corresponding to the cursor position. Let me know if it's what you're after and I'll share the code.

screenflow

@icastillejogomez
Copy link

@thibautquentinjacob yes!!! This is exactly i'm looking for. I was referring about a hover box on the candle but this solution is better for me.

I'm supposing that you have a hover event that call back you the current candle data.

@thibautquentinjacob
Copy link

@icastillejogomez I did it the following way:

  • Created HTML elements to hold the values for the different metrics
  • Used d3.bisector to get the data index corresponding to the mouseX position
  • From then, I just had to update the HTML elements using the values

Here is a gist to help you reproduce that feature

@icastillejogomez
Copy link

Thank you so much @thibautquentinjacob 😄 👍

@thibautquentinjacob
Copy link

You're welcome! Let me know how it works out 😄

@icastillejogomez
Copy link

Make sense!! Tomorrow I'll test it and let you know if works out!

@icastillejogomez
Copy link

Works fine!!! thank you so much @thibautquentinjacob

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants