Get the tooltipbox height & width Highstock

[vijaygudla]

Hi ,

How can we get the tooltip box height and width , when we click on the point.

Please find fiddler example.
http://jsfiddle.net/6abzhxsf/


Thanks

[wojtek]

Hi vijaygudla,

To get tooltip width and height you can use getBBox() method on tooltip label property:

Code: Select all

            events: {
                click: function () {
                	var chart = this.chart,
                  	  tooltip = chart.tooltip,
                       tooltipDim = tooltip.label.getBBox();
                }
            }

Demo:
http://jsfiddle.net/wchmiel/oz4fkcyb/1/

Api reference:
https://api.highcharts.com/class-refere ... nt#getBBox

Kind regards.

[vijaygudla]

Thank you for quick response.

Thanks

[wojtek]

You're welcome

[maestrierica88]

Hi vijaygudla,

To get tooltip width and height you can use getBBox() method on tooltip label property:

Code: Select all

            events: {
                click: function () {
                	var chart = this.chart,
                  	  tooltip = chart.tooltip,
                       tooltipDim = tooltip.label.getBBox();
                }
            }

Demo:
http://jsfiddle.net/wchmiel/oz4fkcyb/1/

Api reference:
https://api.highcharts.com/class-refere ... nt#getBBox

Kind regards.

Code: Select all

console.log(tooltipDim);

I can not understand this piece of code, what is the use of it, excuse my incompetence

[wojtek]

maestrierica88,

This piece of code is just to show you the tooltip dimensions object in the console. You can remove it of course.

Kind regards.

[maestrierica88]

thanks for help, you're better than everyone

[wojtek]

You're welcome