jQplot 工具提示关闭问题

Question

我实现了一个简单的条形图，

我使用荧光笔添加了工具提示功能，但我遇到了同样的问题。

当我向下移动鼠标并退出图表时 canvas 工具提示不会消失

我试过添加

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

但它不起作用，我得到错误 handleMove is not defined

这是相同的代码 fiddle

https://jsfiddle.net/9j2na3L7/

Answer 1

我终于搞定了:)

-- 问题：

鼠标光标从 canvas 转义太快，阻止事件表单触发

-- 解:

首先抓取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();
});

工作 fiddle：https://jsfiddle.net/urahara/9j2na3L7/1/

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

干杯！

jQplot 工具提示关闭问题

jQplot tooltip dismiss issue

javascript

jquery

jqplot