javascript - Mouse Hover or Click Event in Line Chart -

when user hovers mouse on #chart, second data drawn.

however know when user hovers mouse on first data line not #chart second data line drawn.

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/

add within createchart (and replace function desired behavior). example writes "hello" console.

function createchart() {     $("#chart")         .kendochart({             xaxis: {},             yaxis: {},             seriesdefaults: {type: "scatterline" },             series: [{data: stats2},{name:"gmail"}],             serieshover: function(e) {                 console.log("hello");             }         }) }