Highcharts. Ajax-загрузка сообщения в tooltip.

Главная  >>  Frontend  >>  Highcharts. Ajax-загрузка сообщения в tooltip.

Часто в tooltip нужно загрузить больше информации, чем мы передаем непосредственно в диаграмму. Или же загрузить дополнительные или обработанные данные. Вариантов — множество. Рассмотрим пример ajax-вызова при отображении tooltip в Highchart\Highstock.

Для изменения внешнего вида стандартного tooltip предусмотрен параметр formatter:

Очевидно, что метод возвращает строку, отображаемую в подсказке. Все могло бы быть проще — но простая вставка $.ajax не поможет нам — т.к. метод отработается, не дожидаясь её выполнения. Поэтому идем на хитрость:

Вот такой подход. Метод опробован на реальном проекте и отлично работает.

Пока всё — удачи!