Нажмите на заголовок y (ось значений) (текст)

Я реализовал следующий код, который позволяет пользователю щелкнуть по самой оси Y (ось значений, числовая ось) с использованием события 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;
            }
      }
}

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


javascript kendo-ui kendo-chart
person casillas    schedule 08.06.2015    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вы можете присвоить заголовку оси определенное свойство, которое затем можно использовать в селекторе 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());
});

ДЕМО

person ezanker    schedule 08.06.2015
comment
Большое спасибо за помощь, это действительно отличное решение, о котором я никогда не думал. - person casillas; 08.06.2015