Is it possible to get data from a specific candle via DOM interaction or event (e.g. onClick) ?

[aaaroz]

Hi team, thanks for the awesome work on this library/tool!

I'm exploring a use case where I want to interact with individual candles on the TradingView chart—for example, clicking on a specific candle and retrieving its metadata such as:

• Candle color (bullish/bearish)
• Volume
• Open, high, low, close values
• Any other available transaction data associated with that candle

My main questions:

1. Is there any official or supported way to add an onClick event to individual candles?
   I’d like to trigger a function when a user clicks a specific candle.

2. Can we use document.querySelector or similar DOM selectors to identify and interact with individual candles?
   I understand the chart may be rendered on canvas or via Shadow DOM, so I’m curious if there's a workaround, internal API, or event hook that exposes this interaction.

3. Is this something supported via the TradingView Charting Library or Lightweight Charts?
   And if not, would it be considered for future support?

Looking forward to any guidance or direction you can provide 🙌
Thanks again!

[vishnuc]

Yea looking forward for the same features...

[illetid]

Hi, you can subscribe on click event and get the seriesData from that event which contains bar values. you could easily check its candle color if you know the open and close values.
Volume is not part of the lwc series, but if you have another series that represents volume, you could get volume form it using current bar's time

[aaaroz]

Thanks for the insight!

Just to clarify—using the TradingView Charting Library, is it possible to get data from individual candles on the chart? Specifically, I want to be able to click on a candle and retrieve its data, such as OHLC, volume, and maybe even candle color.

I'm currently working on a browser extension, so I'm also wondering:

• Can we somehow use querySelector or any DOM-based approach to target candles?
• Or, since the chart is rendered on a canvas, is there any way to detect which candle was clicked and fetch its data?

My use case relies on client-side interaction, so any workaround, public method, or insight would be super helpful. Appreciate any direction you can provide!

my expected feature is, user can click this candle, and showing the information on that happens on that candle, is that possible?

[illetid]

You need to subscribe to the click using IChartApi instance, not the DOM element. You can expose a chart instance to the window object of your site and use it in the extension.
Check the https://tradingview.github.io/lightweight-charts/tutorials/how_to/tooltips tooltip example of how to get the point data on hover, it will be the same for onClick