鼠标悬停在线系列上的事件和光标指针

Posted 2023-05-07

【中文标题】鼠标悬停在线系列上的事件和光标指针

【英文标题】：Mouse over event and cursor pointer on the line series

【发布时间】：2015-08-24 19:19:01

【问题描述】：

我有以下实现，它是功能性的。当用户单击线条系列时，它会加载另一个数据。

我想通过实现mouse over event 和cursor: pointer 给第一次使用该系列可点击的用户留下印象。

var isHover=false;
function onClick (e) 
   if (!isHover) 
        var chart = $("#chart").data("kendoChart");
        chart.options.series =[data: stats2,name:stats2[0].name] ;
        chart.redraw();
        isHover = true;
   
  else if (isHover) 
        var chart = $("#chart").data("kendoChart");
        chart.options.series = [data: stats,name:stats[0].name];
        chart.redraw();
        isHover = false;
       

FIDDLE

【问题讨论】：

你不能用circle cursor: pointer; 吗？

@chazsolo，你能在当前小提琴的顶部给我一个例子吗？

我添加了 CSS here

谢谢它的工作，但是，我想在所有行系列上应用光标指针，而不仅仅是我在问题line series clickable中提到的圆圈

【参考方案1】：

有点hacky，但这应该适用于笔划和路径：

circle:hover,
path[stroke="#ff6800"]:hover  cursor:pointer; 

见：http://jsfiddle.net/3yhbyy2g/78/

但最好在这里设置一个类（因为您将鼠标悬停在某种颜色上），但不确定这在剑道中如何工作。

而且由于打线有点困难，也许将其单独留在圆圈上就足够了。