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