Je cherche à intégrer certains graphiques de ma candidature, alors je tente d'utiliser Charmkick pour cela. Pour autant que je puisse dire, j'ai suivi le processus d'installation d'ici ( https://github.com/ankane/chartkick ), qui semblait assez droit. Mais dans mes points de vue, le graphique affiche uniquement "Chargement". Je me suis assuré que je dispose d'avoir fourni et j'ai redémarré des rails et je l'ai également testé avec des modèles différents, mais retourné à l'exemple de la page GITUB avec le modèle d'utilisateur avec le modèle utilisateur (Dans mon cas, j'ai fait 3). P> gemfile: p> actifs / javascripts / applications.js: p> Vues: P> (0.6ms) SELECT COUNT(*) AS count_all, (DATE_TRUNC('day', ("searches"."created_at"::timestamptz) AT TIME ZONE 'Etc/UTC')) AT TIME ZONE 'Etc/UTC' AS date_trunc_day_searches_created_at_timestamptz_at_time_zone_etc FROM "searches" WHERE ("searches"."created_at" IS NOT NULL) GROUP BY (DATE_TRUNC('day', ("searches"."created_at"::timestamptz) AT TIME ZONE 'Etc/UTC')) AT TIME ZONE 'Etc/UTC'
4 Réponses :
Le message vous dise qu'il ne pouvait pas trouver de graphiques JavaScript. Ce script n'est pas chargé.
J'ai mis la configuration suivante et il fonctionne correctement. P> dans mon app / actif / javascripts / application.js code> p> p> p> p> P>
bundle install
Merci beaucoup, j'ai suivi vos conseils et le problème persiste toujours. List GEM Charmkick CODE> Retour:
*** Gems locaux *** HATEKICK (3.0.2) CODE> J'ai supprimé la spécification de la version du gemme Chartkick,
Gem ' Chartkick ' Code> est maintenant ce que j'ai dans mon gemfile. Je vais essayer de faire une application de test dès que possible, je reviendrai après que je l'ai fait
Quelle version de Ruby sur les rails utilisez-vous? Et qu'en est-il de JQuery, vous pouvez simplement jouer avec la séquence, déplacer Bootstrap après la graphique, l'emplacement compte en JavaScript.
Rails -V Rails 5.1.6 Code> Alors je l'ai essayé dans une autre application et ça marche bien. J'ai essayé de recréer l'application.js pour correspondre à celle de mon application de test (séquençage) et il n'a toujours pas fonctionné ... Je vais avoir un couple de plus à moins que vous ayez une idée?
Ok, donc dans mon application.html.erb j'ai: <% = rendu 'partagé / navigue'%> <% = Render 'partagé / clignote'%> <% = rendement%> <% = javascript_include_tag "https : //www.gstatic.com/charts/loader.js "%> <% = javascript_include_tag" application '%> <% = JavaScript_Pack_Tag' Application '%> code> et lorsque je déplace les étiquettes JavaScript au-dessus du rendement Travaux peut donc avoir besoin d'utiliser
de rendement: après_js code>? Mais c'est encore étrange que cela fonctionnerait comme ça dans une seule application mais pas dans l'autre?
Vous devez modifier la séquence faire ce changement <% = Render 'partagé / NAVBAR'%> <% = Render 'partagé / clignote'%> <% = rendement%> <% = JavaScript_include_tag 'Application'%> <% JavaScript_Pack_Tag 'Application'%> <% = javascript_include_tag "https://www.gstatic.com/charts/loader.js"%> code> Dans JavaScript, vous devez apporter des applications avant tous les autres javascripts.
D'une manière ou d'une autre que cela ne fonctionne pas, doit être au-dessus du rendement pour moi. Au moins dans l'application im essayant de faire
Mettez-le dans votre fichier d'affichage ou sur la tête fine: p> Exemple mince: P> - content_for :html_head do
= javascript_include_tag 'application'
- content_for :title, 'Dashboard'
J'ai trouvé que le charcukick et le graphique.bundle doivent être nécessaires avant Turbolinks.
Comme dans de nombreux autres cas, la mise en cache de Turbolinks peut lancer des objets
Pour les rails 6 Utilisation de la page Web, mettez les deux: et p> dans leurs endroits respectifs de l'application.js a fonctionné pour moi . P> Le "démarrage rapide" ici - https://chatkick.com/ , raconte Vous devez utiliser le premier pour les rails 5 et les pignons et le second pour les rails 6 et WebPacker, qui est assez déroutant ou peut-être que je n'ai mal compris que le phrasé. P> p>
De plus, vous devez exécuter la commande le fil add Chartkick grapht.js code>
pourrait partager la sortie de la console de navigateur Web? Sur l'utilisation chromée
plus d'outils -> Outils de développement -> Console code> et y a-t-il une ligne rouge? Comme il semble que tout est correct, assurez-vous également que lorsque vous
BUNDLE INSTALL INSTALLER CODE> Vous obtenez tout GEM installé correctement.
(Index): 82 non capturé RéférenceError: Chartkick n'est pas défini à (index): 82 code> et
nouveau Chartkick.linechart ("Graph-1", [["2019-02-06", 1], ["2019-02-07", 0], ["2019-02-08", 1]], {}); code> i Bundle installé plusieurs fois :(