从 highcharts 绘图选项调用javascript函数

dluptydi  于 2022-11-11  发布在  Highcharts
关注(0)|答案(3)|浏览(209)

我想从highcharts的plotoptions中调用一个函数,我试过这样做,但它抛出错误

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

                        }
                    }
                }
            }

如何从plotOptions调用另一个函数。
iam得到的错误是
TypeError:d未定义

vcirk6k6

vcirk6k61#

您可以使用IIFE来执行此操作。此示例是当函数y位于chartOption{}的外部时

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

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

lkaoscv72#

是的,你可以从plotoptions事件中调用任何函数。Highcharts允许我们这样做。只要检查该函数的作用域

mpgws1up

mpgws1up3#

请看示例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');
    }
});

相关问题