浮动工具提示悬停显示在页面外

时间:2020-07-14 13:28:16

标签: javascript css flot

当悬停在绘图点上时,我具有以下代码来显示工具提示。根据flot文档,item.pageX和item.pageY应该具有绘图点的坐标,但是由于某些原因,工具提示显示在页面的右下角。如何获得工具提示以显示在绘图点附近?

    $(chartLocation).bind("plothover", function (event, pos, item) {
            if (item) {
                var x = item.datapoint[0].toFixed(2),
                xdate= new Date(parseInt(x));
                y = item.datapoint[1].toFixed(2);
                $("#tooltip").html(pad(xdate.getMonth()+1) + '/' + pad(xdate.getDate()) + '/' + xdate.getFullYear()+' ' + pad(xdate.getHours()) + ':' + pad(xdate.getMinutes()) + " EST</br>" + item.series.label + ": " + y + " ")
                .css({top: item.pageY, left: item.pageX })
                .fadeIn(200);
        } else {
        $("#tooltip").hide();
        }
    });

0 个答案:

没有答案