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

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");
            }
        })
}