鼠标悬停，光标指针在Y轴上

MouseOver with Cursor Pointer on Y Axis

本文关键字：轴上 指针 光标 悬停 鼠标      更新时间：2023-09-26

下面的实现显示了mouseover事件，cursor pointer在y轴标题标签上。

然而，我想实现mouseover事件与cursor pointer在y轴(数字轴)以及。

当前实现

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

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");
});
<<h2>更新演示/strong>

在这个例子中，我使用相同的颜色的标题和标签，你可以很容易地使用不同的颜色

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

<我> 

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

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

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

相关文章：