econnomnomnom
Posts: 9
Joined: Fri Oct 08, 2021 7:17 am

Help with tooltip, input fields using columnrange

High everyone,

I am trying to get three things to happen. First, I want to create a custom tooltip for a columnrange-type series where the tooltip shows something like HIGH: 'this.point.high' and on a new line "LOW:" 'this.point.low'. Second, I would like these 'low' and 'high' values to populate a form field dynamically. For example, when a user drags the high value for the columnrange entry, I want this to dynamically update a number in the corresponding formfield that collects user input.

Here is a fiddle: https://jsfiddle.net/e9zqmy12/
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Help with tooltip, input fields using columnrange

Hello econnomnomnom,

Thanks for contacting us with your question.

Here is a demo: https://jsfiddle.net/BlackLabel/95npbq40/
I use columnrange.tooltip.pointFormatter to create tooltip according to your requirements and render event to update input fields whenever columnrange series value is changed.

Let me know if that was what you were looking for!
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”