Highcharts: Agregando imagen en la que se puede hacer clic a cada xAxis gridLine

Estoy desarrollando algunas funciones personalizadas donde los usuarios pueden hacer clic en los puntos de datos en un gráfico de líneas para agregar notas a esa fecha. Esto es un poco engañoso ya que las notas no están realmente vinculadas a las métricas en sí, sino a la fecha en que aterriza. En otras palabras, si tengo 6 series en un gráfico de líneas que abarca las fechas 01/01/12 - 01/08/12, se aplicará una sola nota el 01/05/12 a las 6 series. Entonces, como puede imaginar, hacer clic en un punto de datos en una de las 6 series o en la fecha 01/05/12 engañaría al usuario para creer que esta nota se aplicaría a ese punto de datos, no a la fecha completa y a cualquier serie que aterriza en esa fecha.

Entonces, para remediar este problema de usabilidad, he decidido que la mejor señal visual sería algo como esto:

Haría un ícono en el que se puede hacer clic en la parte superior de cada xAxis gridLine que necesitaría escalar con la xAxis gridLine (como si un usuario selecciona un área para acercar).

Sugerencias sobre la mejor manera de lograr esto? Solo necesito una sugerencia sobre la mejor manera de agregar el ícono a cada línea ... Ya tengo todas las funcionalidades posteriores al clic creadas.

Respuestas a la pregunta(4)

Su respuesta a la pregunta