2012-04-09 71 views
1

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

  1. 标签=客户的项目,值= 20
  2. 标签= POC时,值= 10

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

客户项目:20

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

回答

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文件。

+0

我有同样的要求,我需要显示鼠标悬停在条形图上的数据,我已经实现了上面的代码,但它不工作,有错误在innerhtml数据[0]抛出,你能告诉我那是什么** previousPoint = null **,预先感谢。 – Ranjith 2015-05-08 12:50:13