单击y(值Axis)标题标签(文本)

时间:2015-06-08 03:56:36

标签: javascript kendo-ui kendo-chart

我已经实现了以下代码,允许用户使用axisLabelClick事件点击 y轴本身(值Axis,数字轴)

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(值Axis,数字轴)轴标题标签(文本)

1 个答案:

答案 0 :(得分:3)

您可以为轴标题指定一个特定属性,然后可以在jQuery选择器中使用该属性。例如,将标题的颜色设置为不透明度为0.9995的rgba,这样任何其他元素都不可能具有完全相同的颜色:

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