Wie ändere ich Hintergrundfarben, markiere CSS und füge Hovertext auf Marker hinzu?
Ich versuche, eine Zeitleiste mit visjs eines Upgrade-Szenarios zu erstellen (Pre-Upgrade, Pre-Release und Post-Upgrade). etwas ähnliches wie das Bild unten. Brauchen einige Zeiger, um verschiedene Region Farben wie im Bild dargestellt, CSS, um die Hauptmarkierung zu einer Bildquelle und auch auf den Mauszeiger des Sliders (Region oder Marker) zu ändern, sollte es eine Beschreibung zeigen.
CSS
%Vor%Controller
%Vor%Visjs Zeitleiste HTML
%Vor%Ich biete auch einen Plocker-Link für dieses Problem an.
Update Auch warum zeigt mein Plunker keine Farbänderungen?
Aktualisierte Plocker-Link mit einigen CSS-Änderungen, aber wie Tooltip über den Hintergrundbereichen hinzufügen und benutzerdefinierte Markierungen hinzufügen, wie im Bild mit Tooltipps gezeigt?
Aktualisieren
Nun habe ich die meisten Dinge erreicht, indem ich sowohl AngularJS als auch jQuery gleichzeitig benutzt habe, aber ich brauche Hilfe, um alles in AngularJS zu konvertieren. Das Hinzufügen einer benutzerdefinierten Zeit ist noch ausstehend und klicken Sie auf Ereignis.
1 Antwort
Wenn Sie sich die Dokumentation ansehen, können Sie die Dokumente sehen, wo sie die Klassen definieren, die Sie für das Styling aktualisieren müssen.
Auch sie haben Ereignisse für onmoving und so sollten Sie in der Lage sein, zu ziehen und zu animieren, aber ich konnte kein klares Beispiel in ihren Dokumenten finden.
Tags und Links javascript angularjs css timeline vis.js