Highcharts html leged, в какой столбец был нажат

Question

Когда я создаю легенду, которая является html, я хотел бы знать элемент, который был нажат. Кажется, Хичгартс там ничего не заправил.

Вот некоторые примеры кода:

  point:{ 
      events:{ 
       legendItemClick:function(event){ 
        //how to get the element clicked here? 
        //want something to happen if it has a class of pieLegendNumber 

А код создания легенды:

legend : { 
    enabled: true, 
    layout: 'vertical', 
    align: 'left', 
    useHTML: true, 
    verticalAlign: 'top', 
    labelFormatter: function() { 
     return '<div style="width:150px;"><span style="float:left;width: 230px;min-width: 230px;">' 
      + this.name 
      + '<span style="float:right;color:red" class="pieLegendNumber">' 
      + this.y 
      + '</span></div>'; 
    } 
    }, 
    title:{ 
    text:"legend" 
    }, 

Весь код можно найти here.

Спасибо, что нашли время, чтобы прочитать мой вопрос.

Answer 1

Я использовал index свойство точки данных, чтобы получить легенды элемента, который был щелкнули

http://jsfiddle.net/bgxa62z1/4/

Надеется, что это помогает

[Update ]

Вы c используйте event.browserEvent.target, или иногда, если вы добавите обработчик в серию .event.click, вы можете использовать event.originalEvent.target, чтобы получить элемент, который был нажат.

Решение http://jsfiddle.net/bgxa62z1/7/

Answer 2

Как mantioned в reference, legendItemClick является не применимо к круговой диаграмме.

Итак, я сделал такие же небольшие изменения в вашей демонстрации jsFiddle, и теперь она работает.

Вот решение: jsFiddle