Y轴上带有光标指针的MouseOver

Question

以下实现在y轴标题标签上显示mouseover事件cursor pointer。它的工作和功能。

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

CURRENT IMPLEMENTATION

Answer 1

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

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 2

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

的

的

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

的

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