Tooltips don't work on mobile

[FurkanToprak]

Description

Tooltips for igx-financial-chart are not visible upon tapping on lines (or ever)

• igniteui-angular version: 13.1.17
• browser: mobile firefox

Steps to reproduce

1. Create datalines with titles so that tooltips occur
2. Try to tap on a chart on mobile
3. See that it doesnt work

Result

Tooltips don't show up

Expected result

Tooltips should be showing on default or on tapping.

[gmurray81]

The tooltips are designed work via a press + hold interaction on touch screens. These will look nicer this release also due to the new data tooltip layer. We don't currently have an interaction where you tap on the chart to move the cursor that would drive the tooltips, however, you could achieve this yourself by listening to the chart being tapped and then moving the crosshair point. I'll see if I can add a sample.

[FurkanToprak]

@gmurray81 Hey! Please send me a sample, this is urgently required for 80% of my website traffic. I tried to listen to the chart but haven't figured it out (new to angular). Thank you so much!

[FurkanToprak]

Actually, is it possible to toggle the tooltips with a button?

[gmurray81]

you could do something like this: https://codesandbox.io/s/nostalgic-wiles-bn64xx?file=/src/app/app.component.html

but note this would look a little different for financial chart. Will see if I can adapt.

[gmurray81]

didn't test it with ohlc/candlestick, but this would be the basic idea: https://codesandbox.io/s/red-rain-6x4m6i?file=/src/app/app.component.ts

[github-actions[bot]]

There has been no recent activity and this issue has been marked inactive.