jQplot 工具提示消失问题

Question

我已经实现了一个简单的柱状图，使用高亮器添加了工具提示功能，但我遇到了一个问题。当我将鼠标向下移动并退出图表画布时，工具提示框不会消失。 我尝试添加了

，但没有解决问题。

 $.jqplot.eventListenerHooks.push(['jqplotMouseMove', handleMove]);
 $.jqplot.eventListenerHooks.push(['jqplotMouseLeave', handleMove]);

但是它不起作用，我得到了错误提示：handleMove未定义 这里是相同代码的fiddle链接：https://jsfiddle.net/9j2na3L7/

- usr30911

---

已解决以下问题 :) 如果有帮助，请将其标记为已解决并+1答案。感谢jsfiddle，它非常有用。 - Piotr Dajlido

Answer 1

我终于搞定了 :)

-- 问题:

• 鼠标光标从画布中快速跳出，阻止事件的触发

-- 解决方案:

首先获取jplot对象的句柄

var plotBar = $.jqplot('task_brk_bar_chart', [...

这样我们就可以在运行时使用它来操作它。

然后我们将使用jqplotDataHighlight和jqplotDataUnHighlight事件来更改图形属性，并使用replot()函数实时应用它们。

$('#task_brk_bar_chart').bind('jqplotDataHighlight', function () {
    plotBar.showTooltip = true;
    plotBar.replot();
});
$('#task_brk_bar_chart').bind('jqplotDataUnhighlight', function () {
    plotBar.showTooltip = false;
    plotBar.repolot();
});

工作的示例：https://jsfiddle.net/urahara/9j2na3L7/1/

注意：复制您的旧css以覆盖我的设置，这仅用于测试目的。

干杯！

- Piotr Dajlido