鼠標懸停或單擊折線圖中的事件

Question

當用戶將鼠標懸停在#chart上時，將繪製第二個數據。

但是我想知道當用戶將鼠標懸停在第一條數據線上時，它自己不是#chart，然後繪製第二條數據線。

function createChart() { 
    $("#chart") 
     .kendoChart({ 
      xAxis: {}, 
      yAxis: {}, 
      seriesDefaults: {type: "scatterLine" }, 
      series: [{data: stats2},{name:"gmail"}], 
    }) 
} 

var isHover = false; 
$("#chart").hover(
    function() { 
    if (!isHover) { 
     var chart = $("#chart").data().kendoChart; 
     chart.options.series[0].data = stats2; 
     chart.options.series[0].name="yahoo"; 
     chart.redraw(); 
     isHover = true; 
    } 
}, function() { 
    if (isHover) { 
     var chart = $("#chart").data().kendoChart; 
     chart.options.series[0].data = stats; 
     chart.options.series[0].name=""; 
     chart.redraw(); 
     isHover = false; 
    } 
}); 

http://jsfiddle.net/epvg86qu/12/

Answer 1

內createChart加入這個（和你期望的行爲替代功能）。這個例子只是給控制檯寫上「hello」。

function createChart() { 
    $("#chart") 
     .kendoChart({ 
      xAxis: {}, 
      yAxis: {}, 
      seriesDefaults: {type: "scatterLine" }, 
      series: [{data: stats2},{name:"gmail"}], 
      seriesHover: function(e) { 
       console.log("hello"); 
      } 
     }) 
}