Now I want to achieve scrollable tooltip. But on phone, scoll will trigger mouseover and click event. Tooltip will change.pawelys wrote: ↑Wed Jul 14, 2021 7:08 am Hi! Thanks for contacting us with your question! I don't really understand what is your goal here. Could you provide the demo in online editor? You can start here: https://jsfiddle.net/BlackLabel/9b1p5vkn/
And tell me exact reproduction steps, and try to describe your goal better. Kind regards
I try to that way in your link. Show the image:pawelys wrote: ↑Thu Jul 15, 2021 7:08 am Hi Again! Regarding the first message, you've got the typo: poiterEvents -> pointerEvents.
Apart from that, you check this demo, and let me know if that works for you! https://jsfiddle.net/BlackLabel/39w2qhzk/
Regarding the second part, the scrollable tooltip isn't part of our official api, but you can style the tooltip using css. Check the following topic: viewtopic.php?t=37599
And let me know if the solutions displayed in this topic resolves your issue! Kind regards,
You can see last quote. I give two image link, you can click. Second image is after click tooltip.pawelys wrote: ↑Fri Jul 16, 2021 8:26 am As I've seen, you reached out to every support channel available. Please, keep the messages to only one support channel, since we are all working together.
Apart from that, I don't know, what console log you mean. There is no console log in your code, that you shared.
Apart from that also, this is exactly what pointerEvent: auto does. Just as @Khlieng wrote on github: https://jsfiddle.net/gkctLfo1/
What scroll do you mean? Please, try to explain your goal more toroughly. Kind regards,
Yes, if I click tooltip, tooltip should not refresh. How I know tooltip is clicked? I tried this way. PC is work, but it's not work on mobile.
Code: Select all
(function (H) {
H.wrap(H.Tooltip.prototype, 'refresh', function (proceed, point, e) {
console.log(point, e)
let isClickTooltip = false;
e && e.path && e.path.forEach(item => {
const classList = item.classList;
if (classList && classList.length) {
if (Array.from(classList).includes('highcharts-tooltip')) {
isClickTooltip = true;
}
}
});
if (!isClickTooltip) {
proceed.call(this, point, e);
}
});
}(Highcharts));
I want to prevent tooltip's refresh event on mobile.dominik.c wrote: ↑Mon Jul 26, 2021 12:09 pm Hello webpig!
Unfortunately, my colleague is currently not available so I'll take care of your topic.
I took a quick look at your posts and I'm not sure what you would like to achieve. Neither the tooltip nor any element of the chart will change after clicking the tooltip. Could you point out what is the issue in your demo and fill the gaps below?
What does not work -
How you think it should work -
Best regards!