jQplot工具提示解雇问题

Question

我实施了一个简单的条形图

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

当我向下移动鼠标并退出图表画布时，工具提示不会解除

我尝试过添加

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

但它不起作用，我收到错误 handleMove未定义

这是相同的代码小提琴

https://jsfiddle.net/9j2na3L7/

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以覆盖我的设置，仅用于测试目的。

干杯！