Javascript 单击highchart列上的链接时出错

Javascript 单击highchart列上的链接时出错,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我犯了一个错误 {“错误”:“请使用POST请求”} 单击链接时,我启用了柱状图中的列。这个错误的原因是什么?我如何克服这个错误 我的系列 series: [{ name: 'Capital', data: [1000000.00, 1000000.00, 1000000.00, 1000000.00, 900000.00], url:'http://www.google.com' }, {

我犯了一个错误

{“错误”:“请使用POST请求”}

单击链接时,我启用了柱状图中的列。这个错误的原因是什么?我如何克服这个错误

我的系列

series: [{
            name: 'Capital',
            data: [1000000.00, 1000000.00, 1000000.00, 1000000.00, 900000.00],
            url:'http://www.google.com'
        }, {
            name: 'Material',
            data: [8753.15, 529.00, 5620.00, 35000.00, 30988.86]
        }, {
            name: 'HR',
            data: [66400.00, 320000.00, 488000.00, 48000.00, 512000.00]
        }, {
            name: 'Equipment',
            data: [0.00, 160000.00, 1600000.00, 32000.00, 64000.00]
        }, {
            name: 'Petty Cash',
            data: [10000.00, 100000.00, 100000.00, 10000.00, 150000.00]
        }],
 plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function (e) {
                            location.href = this.options.url;
                             e.preventDefault();
                        }
                    }
                }
            }
        }
打印选项

series: [{
            name: 'Capital',
            data: [1000000.00, 1000000.00, 1000000.00, 1000000.00, 900000.00],
            url:'http://www.google.com'
        }, {
            name: 'Material',
            data: [8753.15, 529.00, 5620.00, 35000.00, 30988.86]
        }, {
            name: 'HR',
            data: [66400.00, 320000.00, 488000.00, 48000.00, 512000.00]
        }, {
            name: 'Equipment',
            data: [0.00, 160000.00, 1600000.00, 32000.00, 64000.00]
        }, {
            name: 'Petty Cash',
            data: [10000.00, 100000.00, 100000.00, 10000.00, 150000.00]
        }],
 plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function (e) {
                            location.href = this.options.url;
                             e.preventDefault();
                        }
                    }
                }
            }
        }
我的合并代码被篡改了

这是在单击时提供导航链接的正确方法吗?

您有两个错误:

1) 在单击事件中,您正在使用未定义的this.options.url,而应(根据您的系列配置)
this.series.options.url

2) 在plotOptions.series下添加point.events:

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function () {
                        console.log(this.series.options.url);
                        location.href = this.series.options.url;
                    }
                }
            }
        }
    }

和“工作”JSFIDLE为您:-(为资本系列工作)。完整的代码在这里:

如果您使用JSFIDLE测试代码,您可能会得到以下错误“{”错误“:“请使用POST请求”}”,因为您正在请求JSFIDLE上的非安全站点“url:”http://www.google.com”,该站点是安全的,即“https://jsFIDLE.net/”尝试将Http替换为Https

请查找JSFIDLE链接


你得说得更具体些。显示一些代码,但我从JSFIDLE知道这个错误。你可能是从小提琴上提交了一些东西。使用
e.preventDefault();e、 停止传播()为了避免这个错误,我提供了代码和一个修改过的版本。请看我更新的问题。@EliasVanOotegem:是的,我确实使用e.preventDefault();但是运气不好。我看不到您在任何地方调用preventDefault和stopPropagation方法,也看不到错误。另外:不确定JSFIDLE中的
标记是否起作用。。。