0

我收到一个错误

{"error": "Please use POST request"}

单击链接时,我启用了柱形图中的列。此错误的原因是什么以及如何克服此错误。

我的系列

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();
                        }
                    }
                }
            }
        }

我的合并代码在这里摆弄。

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

4

2 回答 2

1

你有两个错误:

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;
                    }
                }
            }
        }
    }

并为您“工作” jsFiddle:http: //jsfiddle.net/3TRL6/5/show/ - (适用于资本系列)。完整代码在这里:http: //jsfiddle.net/3TRL6/5/

于 2013-06-12T13:31:46.937 回答
0

如果您使用 jsFiddle 测试代码,您可能会收到此错误“{“error”:“请使用 POST 请求”}”,因为您请求的是非安全站点“url:” http://www.google.com '" 在受保护的 jsFiddle 上,即' https://jsfiddle.net/ '。尝试用 Https 替换 Http

请找到 jsFiddle 链接https://jsfiddle.net/ajaytripathi10/dk5ogkj9/1/

plotOptions: {
  series: {
    borderWidth: 0,
    dataLabels: {
      enabled: true,
      format: '{point.y:.1f}'
    },
    cursor: 'pointer',
    point: {
      events: {
        click: function() {
          console.log(this.options.url);
          location.href = this.options.url;
        }
      }
    }
  }
},
于 2016-02-03T06:55:45.597 回答