Fügen Sie Maus Hover auf jqPlot Charts hinzu

Question

Standardmäßig, wenn wir die Maus auf eine beliebige Region der jqplot-Diagramme bewegen, ändert sich die Farbe - das ist in Ordnung. Aber ich möchte, dass es beim Schweben seinen Wert zeigt. Zum Beispiel habe ich zwei Regionen auf Karten wie:

1. label = Kundenprojekte, Wert = 20
2. label = POCs, Wert = 10

nun auf Maus schweben soll es das Etikett vorzeigen als gut wie der Wert. Zum Beispiel soll es als

Kundenprojekte zeigen: 20

Wie kann ich das tun? Danke im Voraus.

Answer 1

Hier ist ein Hack, der die Tatsache, dass die Etiketten nur Text divs verwendet:

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

Arbeits Geige here. Denken Sie daran, die jqplot-Dateien zwischenzuspeichern.