Нажмите на метку ярлыка y (значение Axis)

Question

Я внедрил следующий код, который позволяет пользователю щелкнуть по оси y (значение Axis, числовая ось) с использованием axisLabelClick события.

chart.bind("axisLabelClick", clickEvent); 
chart.options.axisLabelClick = clickEvent; 


function clickEvent (e) { 
    if (e.axis.type = "numeric") 
     { 
      if (!self.isClick) 
      { 
      self.isClick= true; 
      } 
      else { 
       self.isClick= false; 
      } 
     } 
} 

Однако я хотел бы знать, что есть способ/трюк или событие, чтобы позволить пользователю нажать у (значение оси, числовая ось) Ось названия метка (текст)?

Answer 1

Вы можете присвоить названию оси конкретное свойство, которое затем можно использовать в селекторе jQuery. Например, установить цвет заголовка к RGBA с непрозрачностью 0.9995, так что вряд ли какой-либо другой элемент будет иметь точно такой же цвет:

valueAxis: { 
    title: { 
     text: "y-axis label", 
     color: "rgba(60,60,60, 0.9995)",     
    }, 
}, 

Затем настроить ваш нажмите обработчик:

$(document).on("click", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){ 
      alert($(this).text()); 
}); 

DEMO