javascript - 从 highcharts 图中动态设置柱上的点击事件

Question

单击 highcharts 图表中的条时，我希望有一个指向不同页面的超链接。

像这样的东西：

plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        window.location.href = '/result/question/questionid/';
                    }
                }
            }
        }
    },

但我的问题是我想动态设置它。我有一个函数 createChart() 在其中形成高图。

所以我有变量，我形成了高图的所有选项。但是现在我想用调用函数时得到的变量来设置位置（总是不同的）。有人知道我该怎么做吗？

Answer 1

嗯..如何获得该变量？你可以使用这样的东西：

click: function() {
    redirect();
}

然后在代码中的某处定义：

function redirect() {
    window.location.href = myVariable;  
}

Answer 2

在您的代码中的某处：

var urlContainer ="";

随时更新上面的变量，然后在您的 highcharts 点击回调中，执行以下操作：

 plotOptions: {
    series: {
        cursor: 'pointer',
        point: {
            events: {
                click: function() {
                     window.location.href = urlContainer;
                   }
                }
            }
        }
    }
},