2017-02-10 5 views
0

Dies ist der vollständige Code, den ich verwenden möchte. Es funktioniert ohne die Tooltip-Funktionen, aber nicht beim EinschließenSo fügen Sie einem FLOT-Diagramm eine QuickInfo hinzu

Der Code erzeugt ein Diagramm mit 2 Linien und Balken. Wie füge ich einen Tooltip hinzu, ohne dass mein Diagramm durcheinander gebracht wird und tatsächlich etwas Interaktivität hinzugefügt wird?

+3

Hallo und willkommen SO. Vielleicht möchten Sie die [Tour] (http://stackoverflow.com/tour) in Erwägung ziehen und sich die [Hilfe] (http://stackoverflow.com/help/asking) ansehen. Besonders auf [Wie man ein minimales, vollständiges und überprüfbares Beispiel erstellt] (http://stackoverflow.com/help/mcve) – empiric

+0

Eine Sache, die ich bemerkte: '$ (" tooltip "). Remove();' the '# 'fehlt hier im Selektor – empiric

+0

Ich habe es gerade hinzugefügt, funktioniert immer noch nicht –

Antwort

1

Es gab eine Reihe verschiedener Fehler in Ihrer Geige:

  • Die Rasteroptionen fehlten die notwendigen hoverable: true

  • Ein weiteres fehlt # vor Platzhalter in in $("placeholder").bind("plothover", ...

  • } else( sollte sei } else { (from empiric's comment)

  • A überflüssig var in var y = item.datapoint[1].toFixed(0); (oder ersetzen Sie die , mit einem ; zwischen den beiden var Aussagen)

  • ändern position: 'abolute'-position: 'absolute' in der CSS des Tooltip

Einige der Fehler sind gefunden, wenn Sie auf die Konsole Ihres Browsers schauen.

Aktualisiert Arbeits Geige: https://jsfiddle.net/L9gaupcu/

+0

Ich kann nicht beschreiben, wie dankbar ich Raidri bin. Ich stecke seit Jahren daran !! –

Verwandte Themen