Highcharts: Добавление интерактивных изображение для каждого xAxis gridLine

Я создаю некоторые настраиваемые функции, где пользователи могут щелкать точки данных на линейной диаграмме, чтобы добавлять заметки к этой дате. Это немного вводит в заблуждение, поскольку примечания на самом деле привязаны не к самим показателям, а скорее к дате, на которую они появляются. Другими словами, если у меня есть 6 серий на одной линейной диаграмме, охватывающей даты 01.01.12 - 01.08.12, одна заметка от 01.05.12 будет применяться ко всем 6 сериям.Итак, как вы можете себе представить, нажатие на точку данных в одной из 6 серий или на дату 01/05/12 введет пользователя в заблуждение, заставив поверить, что это примечание будет применено к этой точке данных, а не ко всей дате и любой серии, которая приземляется в этот день.

Итак, чтобы исправить эту проблему с удобством использования, я решил, что лучшей визуальной подсказкой будет что-то вроде этого:

В верхней части каждой xAxis gridLine должен быть активный значок, который необходимо масштабировать с помощью xAxis gridLine. (например, если пользователь выбирает область для увеличения).

Есть предложения, как лучше всего это осуществить? Мне нужно только предложение о том, как лучше всего добавить значок в каждую строку ... У меня уже есть все функции после щелчка.