Wie um zu zeigen, Etikett, wenn mit der Maus über die bar
Machte ich ein Balkendiagramm chartist.js.
Nun möchte ich hinzufügen, einige hören Falle auf die bars.
Wie kann ich das machen lassen-label zeigen, wenn Maus über die Leiste?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Haben Sie 2 Optionen -
Option 1
Es ist ein tooltip-plugin, das Sie nutzen könnten. Sie können es hier finden - https://github.com/Globegitter/chartist-plugin-tooltip
Sobald Sie fügen Sie den CSS-und JS-Dateien, Sie sollten in der Lage sein rufen Sie das plugin wie dieses -
Chartist.plugins.tooltip()
Hier ist ein Beispiel aus Ihrer Plugins Seite -
Wird dies der einfachere und bessere option.
Option 2
Wenn Sie wollen, etwas zu tun von sich selbst, können Sie binden
mouseover
undmouseout
Veranstaltungen aufdraw
Ereignis-callback -JS:
HTML:
UPDATE: Aktualisiert die Codes als pro ty Kommentar
addedEvents
aber nie seinen Wert ändern. Dies bedeutet, wenn Sie ein Diagramm erstellen 50 Artikeln, binden Sie bis zu 50 Veranstaltungen zu jedem Punkt! Ein sauberer, effizienter Ansatz wäre, die Nutzungchart.on('created', function() { ...}
, die aufgerufen wird, genau einmal, und entfernen SieaddedEvents
.