在jqPlot图表上添加鼠标悬停

Question

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

1. label =客户项目，价值= 20
2. 标记= POC时，值= 10

现在鼠标悬停时，它应该显示标签和值。例如，它应显示为

  

客户项目：20

我该怎么做？提前谢谢。

Answer 1

这是一个使用标签只是文本div的事实的黑客：

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};
}); 

工作小提琴here。记得缓存jqplot文件。