javascript - 在 jqPlot 图表上添加鼠标悬停

Question

默认情况下，当我们将鼠标悬停在 jqplot 图表的任何区域上时，它会改变颜色 - 这很好。但我希望在悬停时它应该显示它的价值。例如，我在图表上有 2 个区域：

1. 标签=客户项目，价值=20
2. 标签=POC，值=10

现在鼠标悬停它应该显示标签以及值。例如它应该显示为

客户项目：20

我怎样才能做到这一点？提前致谢。

Answer 1

这是一个利用标签只是文本 div 的事实的 hack：

previousPoint = null;
$('#chartdiv').bind('jqplotDataMouseOver', function (ev, seriesIndex, pointIndex, data) { 
    var labels = $('#chartdiv .jqplot-data-label');
    if (previousPoint != null)
    {
       labels[previousPoint['idx']].innerHTML = previousPoint['data'][1]+'';               
    }
    labels[pointIndex].innerHTML = data[0] + ": " + data[1];
    previousPoint = {'idx':pointIndex, 'data':data};
}); 

在这里工作小提琴。记得缓存 jqplot 文件。