Ich versuche, ein Diagramm zu erstellen, das die Kontobewegung von jedem Kunden zeigen muss.
Was ich versuche zu tun
Ich habe Baumreihen; Erste Zeile: Das Mindestguthaben, wenn der Kunde weniger als die min. Balance, wird sein Guthaben automatisch von seinem Bankkonto geladen.
Zweite Zeile: Der aktuelle Kontostand
Dritte Linie: Die maximale Balance: Wenn der Kunde mehr als die max. Balance wird er die Differenz von dem System auf seinem Bankkonto werden.
Link zum Bild : chartjs Tooltip-Problem
Wie Sie im Tooltip sehen, sind alle 3 Werte. Die Werte der Geraden sind für den Kunden irrelevant, da die Limits (Max und Min vom Kunden selbst gesetzt sind).
Um dies zu erreichen, können Sie das Liniendiagramm erweitern, um eine Option zum Anzeigen / Ausblenden von QuickInfos zu einem Pro-Dataset-Bass hinzuzufügen. Das Ärgerliche ist, es gibt nur ein paar Änderungen, aber ganze Methoden müssen überschrieben werden, um die Änderungen dort zu erhalten, so sieht das unten viel aus, aber es ändert sich im Grunde 3 zu den folgenden Methoden
Initialize - Option hinzugefügt, um die showTooltip-Option in jedem Punkt zu speichern
getPointsAtEvent - Prüfung hinzugefügt, um sicherzustellen, dass wir beim Abrufen von Punkten
showTooltip - Prüfung wurde erneut hinzugefügt, um sicherzustellen, dass wir einen Tooltipp anzeigen möchten
um es dann zu verwenden, wird das Diagramm gleich aufgebaut, aber Sie machen es stattdessen zu einem LineTooltip (das ist, was ich das erweiterte Diagramm genannt habe) und übergebe eine Option im Dataset-Aufruf showToolip.
%Vor%Ich habe größere Kommentarbanner im unteren Code hinzugefügt, um zu sehen, wo die Änderungen vorgenommen wurden. Ich habe diese Funktion auch zu meiner Abzweigung von chartjs hinzugefügt, da dies für mehr Leute nützlich sein könnte Ссылка Verwenden Sie ein normales Liniendiagramm und fügen Sie den showTooltip
hinzuIm Folgenden sehen Sie ein Beispiel für die Erweiterung der Linie in ein benutzerdefiniertes Diagramm, um diese Funktion einzubeziehen. Sie wird in LineTooltip as aufgerufen, kann aber auch als beliebig bezeichnet werden.
und eine Geige, wenn Sie das so einfach finden Ссылка
Tags und Links chart.js
