Tomas
Posts: 13
Joined: Sat Jan 16, 2021 3:52 pm

Highchart - Change Number by Mouse over

Hi : )

i have the following JS Fiddle:
https://jsfiddle.net/Body007/9t3sr0n2/6/

When you do a mouse over on the chart,
the text "Number" on the upper left should be changed with the numbers in the chart.
Like the tooltip which shows the number, when going with the mouse over.
But instead of showing the tooltip, the text "number" above should be changed showing the numbers for each mouse over.

I hope i could explain it.
Is that possible?

Kind regards
Tomas
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Highchart - Change Number by Mouse over

Hello Tomas!

We appreciate you reaching out to us!

Sure, we can get to this element using document.getElementById expression and then change the element's content.

Docs: https://developer.mozilla.org/en-US/doc ... lementById

Demo: https://jsfiddle.net/BlackLabel/fhgzjyr8/

Let me know if that was what you were looking for!
Best regards!
Dominik Chudy
Highcharts Developer
Tomas
Posts: 13
Joined: Sat Jan 16, 2021 3:52 pm

Re: Highchart - Change Number by Mouse over

Thanks Dominic,

that was exactly what i was looking for. Amazing!

Best Regards,
Tomas
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Highchart - Change Number by Mouse over

You're welcome!

In case of any further questions, feel free to contact us again.
Dominik Chudy
Highcharts Developer

Return to “Highcharts Stock”