单击 y（值轴）标题标签（文本）

Question

我已经实现了以下代码，允许用户使用 axisLabelClick 事件点击 y 轴本身（值轴，数字轴）。

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;
            }
      }
}

不过我想知道有一个 way/trick 或事件可以让用户点击 y (value Axis, numeric Axis) axis title label (text) ？

Answer 1

您可以为轴标题指定一个特定的属性，然后您可以在 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

单击 y（值轴）标题标签（文本）

Click on y (value Axis) title label (text)

javascript

kendo-ui

kendo-chart