Интерактивные метки данных в Highcharts-ng?

Я хотел бы добавить событие angular ng-click или событие onClick к некоторым круговым диаграммам, которые есть в моем приложении Angular. Круговая диаграмма выглядит так:

введите описание изображения здесь

Что я хочу сделать, так это когда я нажимаю на этот текст, он применяет некоторую логику фильтрации, которая у меня есть.

Однако добавление ng-click в средство форматирования в highcharts-ng, например:

'<span ng-click="doSomething()"><b>' + this.point.name + '</b>: ' + Highcharts.numberFormat(this.percentage, 2) + '%</span>';

Не работает.

Я не уверен, как сделать метки данных интерактивными в highcharts-ng.


person Oscar McCullough    schedule 04.12.2015    source источник
comment
просто интересно: зачем вам использовать эту функциональность таким образом? Я имею в виду, зачем вам особенно использовать ng-click? этот пример с похожей функциональностью может оказаться полезным jsfiddle.net/jugal/ZuqGZ   -  person MorKadosh    schedule 04.12.2015


Ответы (1)


Я просматривал свой код и запускал приложение несколько раз и определил, что на самом деле это не проблема с метками данных. При рендеринге кода используется тайм-аут $, который по какой-то причине убирает кликабельность меток. Без тайм-аута я могу нажимать на ярлыки. Однако он удаляет this.percentage из диаграммы.

person Oscar McCullough    schedule 04.12.2015