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

【问题标题】：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中提到的圆圈

标签： javascript kendo-ui kendo-chart

【解决方案1】：

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

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

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

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

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

【讨论】：