Question

我在我的php应用程序中使用highcharts（Line）。我想在工具提示中使用onclick事件处理程序来打开模态对话框。但是我找不到任何解决方案，即使在高级图表中也没有可用于工具提示项目的点击事件。我也在工具提示中使用了格式化程序选项，但它没有起作用。请帮我解决这个问题

我正在尝试这个

tooltip: {
    useHtml: true,
    formatter: function () {
        var s = '<b>' + this.x + '</b>';
        $.each(this.points, function (i, point) {
            s += '<br/><span style="color:' + point.series.color + '">\u25CF</span>\n\ <span onclick="my_function();">Click Me</span> ' + point.series.name + ': ' + point.y;
        });
        return s;
    },
    shared: true
}

但是当我点击＆＃34;点击我＆＃34;

时，my_function没有打电话

Answer 1

我从highcharts获得了我的查询答案

tooltip: {
useHTML: true,
formatter: function () {
    var s = '<b>' + this.x + '</b>';
    $.each(this.points, function (i, point) {
        s += '<br/><span style="color:' + point.series.color + '">\u25CF</span>\n\ <span onclick="my_function();">Click Me</span> ' + point.series.name + ': ' + point.y;
    });
    return s;
},
shared: true

}

我正在使用useHtml进行拼写错误，但它实际上是使用HTML。所以现在我的问题已经解决了。

Answer 2

试试这个，我将tooltipClick类添加到范围

{
    useHtml: true,
    formatter: function () {
        var s = '<b>' + this.x + '</b>';
        $.each(this.points, function (i, point) {
            s += '<br/><span style="color:' + point.series.color + '">\u25CF</span>\n\ <span class="tooltipClick">Click Me</span> ' + point.series.name + ': ' + point.y;
        });
        return s;
    },
    shared: true
}

委派一个事件处理程序

$(document).on('click','.tooltipClick',function(){
      console.log($(this).parent()); //get the tooltip
      alert('a toolip was clicked')
});

如何在highcharts工具提示中添加onclick事件处理程序

2 个答案: