Ich habe versucht, dies anzupassen Beispiel in Google Chart. Zu re-frame framework, reagent . Ich möchte basierend auf Abonnements ein Echtzeitdiagramm erstellen. Ich habe mit einem einfachen Zähler = + - 1 getestet.
Ich habe Fehler: Assert failed: Render must be a function, not nil
(ifn? render-fun) .
Die Verwendung der Google Charts-API ist mit mehreren Problemen verbunden:
Ich empfehle die Verwendung eines Flags, um aufzuzeichnen, ob die API bereit ist oder nicht, damit sie auch dann rendern kann, wenn die API nach dem Mounten der Komponente geladen wird.
%Vor%draw für ein HTML-Element aufrufen: Das HTML-Element existiert nur, wenn die Komponente geladen wurde. Sie können ein ref verwenden, um das HTML-Element bequem zu erhalten (andernfalls müssen Sie entweder einen Verweis auf in mount speichern oder danach suchen).
Sie sollten jedes Mal, wenn sich eine der Eingaben ändert, neu zeichnen (was das obige ref -Beispiel tut).
Ich schlage eine bequeme Methode vor, um die Datenquelle zu erhalten:
%Vor%Jetzt können Sie Ihr Diagramm mit reaktiven Werten verwenden!
%Vor%Vollständige Codeauflistung ist bei Ссылка
Tags und Links clojure clojurescript reagent re-frame