1
默认情况下,当我们将鼠标悬停在jqplot图表的任何区域时,它会改变颜色 - 这很好。但我希望在悬停时显示它的价值。例如,我有2个区域的图表为:将鼠标悬停在jqPlot图表
- 标签=客户的项目,值= 20
- 标签= POC时,值= 10
现在鼠标悬停它应该显示在标签为以及价值。例如,它应该显示为
客户项目:20
我怎样才能做到这一点?提前致谢。
默认情况下,当我们将鼠标悬停在jqplot图表的任何区域时,它会改变颜色 - 这很好。但我希望在悬停时显示它的价值。例如,我有2个区域的图表为:将鼠标悬停在jqPlot图表
现在鼠标悬停它应该显示在标签为以及价值。例如,它应该显示为
客户项目:20
我怎样才能做到这一点?提前致谢。
下面是一个使用的事实,标签都只是文字的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文件。
我有同样的要求,我需要显示鼠标悬停在条形图上的数据,我已经实现了上面的代码,但它不工作,有错误在innerhtml数据[0]抛出,你能告诉我那是什么** previousPoint = null **,预先感谢。 – Ranjith 2015-05-08 12:50:13