Y 轴上带有光标指针的鼠标悬停

Question

以下实现显示 mouseover 事件，在 y 轴标题标签上带有 cursor pointer。它工作正常。

但是，我想在 y 轴（数字轴）上使用 cursor pointer 实现 mouseover 事件。

CURRENT IMPLEMENTATION

Answer 1

如果你可以添加一些 id 或 class 那很好但是在你的代码中我找不到 class 所以我使用 stroke

$(document).on("mouseover", '#chart text[stroke="none"]', function(){ $('#chart text[stroke="none"]').css("cursor", "pointer"); });

Answer 2

您可以对轴标签应用相同的颜色技巧：

valueAxis: {
    labels: {
        format: "N0",
        color: "rgba(60,60,60, 0.9995)"
    },

$(document).on("mouseover", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){
    $('#chart text[fill="rgba(60,60,60, 0.9995)"]').css("cursor", "pointer");
});

已更新DEMO

在这个例子中，我对标题和标签使用了相同的颜色，您可以轻松地使用不同的颜色

Answer 3

实际上有一个支持自定义视觉对象的选项：

categoryAxis: [{
labels: {
  color: "rgba(60,60,60, 0.9995)",
  visual: function(e) {
    var visual = e.createVisual();
    visual.options.cursor = 'pointer';
    return visual;
  }
}

}]

drawing.element.configuration.cursor

Runnable Dojo

Y 轴上带有光标指针的鼠标悬停

MouseOver with Cursor Pointer on Y Axis

javascript

kendo-ui

kendo-chart

CURRENT IMPLEMENTATION

已更新DEMO