Ссылки в круговых диаграммах для Highcharts.js

Question

Я бы хотел, чтобы пользователь перенаправлялся на определенную часть страницы, когда он нажимал на раздел круговой диаграммы.Я получаю сообщение об ошибке {"error": "Please use POST request"} при нажатии.

http://jsfiddle.net/alliwagner/Saa4E/10/

В данный момент синяя часть должна перейти вниз к «Товарам» при нажатии.

Любая помощь будет принята с благодарностью.

Answer 1

Здесь - это обновление вашего jsfiddle.

Были сделаны следующие изменения:

• Обработчик "click" имеет this привязанныйк точке данных как структура, поддерживаемая этой библиотекой.Чтобы получить URL-адрес, вы должны посмотреть на свойство «config» точки данных и затем захватить элемент 2 этого массива.
• Мне пришлось спрятать this в обработчике событий, чтобыобработчик тайм-аута мог получить его.
• Я добавил вызов «protectDefault ()» в обработчик событий, но это может быть необязательно.

Answer 2

Решение, опубликованное здесь, больше не работает с версией 3 Highcharts

Это работает лучше

series: [{
    type: 'pie',
    name: 'overall',
    point: {
        events: {
            click: function(e) {
                location.href = e.point.url;
                e.preventDefault();
            }
        }
    },
    data: [
        {name: 'Not Tested', color: '#FFA850', y: 87, url: 'http://my_site1.com'},
        {name: 'Fail', color: '#FF2929', y: 2, url: 'http://my_site2.com'},
        {name: 'Pass', color: '#31FF4F', y: 32, url: 'http://my_site3.com'}
    ]
}]