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

Question

我有以下实现并且可以正常工作。当用户点击线系列时，它会加载另一个数据。

我想通过实施 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

Answer 1

有点hacky，但这应该适用于行程和路径：

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

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

但最好在此处设置 class（因为您将鼠标悬停绑定到某种颜色），但不确定这在 kendo.

中如何工作

而且因为打线有点难，所以也许只放在圆圈上就够了。

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

Mouse over event and cursor pointer on the line series

javascript

kendo-ui

kendo-chart

FIDDLE