2012-04-09 108 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