Calling javascript function from highcharts plotOptions

Question

I want to call a function from plotoptions of highcharts i tried like this but its throwing error

plotOptions: {
                series: {
                    events: {
                        legendItemClick: function(event) {
                        //iam trying to call a function here
                        sampletest(testArr);

                        }
                    }
                }
            }

is this possible..how to call another function from plotOptions.

the error iam getting is

TypeError: d is undefined

Can you post the code for your sampletest function ? It is possible that the error is in that function rather than in the legendItemClick function. — SteveP
– SteveP, Commented May 9, 2013 at 13:48
I Went wrong in the sampletest function only..at the end its building again the chart..thats the reason iam getting error. — sasi
– sasi, Commented May 10, 2013 at 10:14

Víctor Romero · Accepted Answer · 2022-03-09 04:07:28Z

1

You can use a IIFE for that. This example is when the function y external of the chartOption{}

plotOptions: {
    series: {
        point: {
            events: {
                click: (function (integrator) {
                    return function (e: any) {
                        integrator.externalFunction()
                    }
                })(this)
            }
        }
    }
}

function externalFunction() {
    console.log('Prueba funcion externa');
}

answered Mar 9, 2022 at 4:07

Víctor Romero

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Strikers · Accepted Answer · 2013-05-09 13:21:33Z

0

yes you can call any function from plotoptions events. Highcharts allows us to do so. just check the scope of that function

answered May 9, 2013 at 13:21

Strikers

4,7742 gold badges31 silver badges59 bronze badges

2 Comments

sasi Over a year ago

thanks for reply strikers..what should be the scope of the function?

Elias Van Ootegem Over a year ago

What do you mean by "check the scope of that function"? A JS function has its own scope. if you mean context than: why would you have to check the scope? just Bind if needs must

Sebastian Bochan · Accepted Answer · 2013-05-10 13:06:24Z

0

Please take look at example http://jsfiddle.net/gF8Cf/3/

    $(function () {
    $('#container').highcharts({
        plotOptions: {
            series: {
                cursor: 'pointer',
                events: {
                    click: function(event) {
                       custom();
                    }
                }
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });

    function custom(){
        alert('aaaa');
    }
});

answered May 10, 2013 at 13:06

Sebastian Bochan

37.6k3 gold badges51 silver badges75 bronze badges

Collectives™ on Stack Overflow

Calling javascript function from highcharts plotOptions

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related